SKRABI WISSEN

Webprojekte verstehen.
Schritt für Schritt.

Kurze Erklärungen für Menschen ohne Programmiererfahrung. Nutze zusätzlich die Hilfe-KI unten rechts für Fragen zum Skrabi-System.

ERSTE SCHRITTE

So entsteht ein KI-Webprojekt

Ziel festlegen

Schreibe in einem Satz, wem die Seite hilft und was diese Person dort tun soll.

Vorlage wählen

Wähle eine Vorlage, deren Seiten und Module möglichst nah an deinem Vorhaben liegen.

Installer ausfüllen

Farben, Seiten und Funktionen lassen sich später ändern. Keine Zugangsdaten eingeben.

Prompt prüfen

Der erzeugte Auftrag enthält Struktur, Codeanforderungen, Installation, Handbuch und Tests.

SERVER & DOMAIN

Installation auf einem neuen Server

Server vorbereiten
Lege ein eigenes Projektverzeichnis, eine Datenbank und einen eingeschränkten Datenbanknutzer an.
Domain verbinden
Setze DNS-Einträge auf die Serveradresse. Ändere bestehende Domains erst, wenn das neue Projekt getestet ist.
Dateien übertragen
Kopiere nur die dokumentierten Projektdateien. Öffentlich dürfen keine Sicherungen oder .env-Dateien liegen.
Konfiguration schützen
Erstelle .env aus .env.example direkt auf dem Server und trage dort eigene Zugangsdaten ein.
HTTPS und Tests
Aktiviere HTTPS und prüfe Anmeldung, Formulare, E-Mail, Mobilansicht, Backups und Wiederherstellung.

SICHERHEIT

Die fünf wichtigsten Regeln

Geheimnisse bleiben serverseitig

API-Schlüssel, Datenbankpasswörter und Tokens gehören nie in HTML, JavaScript, Screenshots oder öffentliche Repositories.

Eigene Schlüssel verwenden

Der Käufer richtet externe Dienste auf seinen Namen ein und trägt die Schlüssel geschützt auf seinem Server ein.

Updates einplanen

Server, Laufzeit, Bibliotheken und das Projekt selbst benötigen regelmäßig Sicherheitsupdates.

Backups testen

Eine Sicherung hilft erst, wenn die Wiederherstellung einmal kontrolliert ausprobiert wurde.

Rechte klein halten

Konten und Programme bekommen nur die Rechte, die sie für ihre konkrete Aufgabe benötigen.

GLOSSAR

Wichtige Begriffe einfach erklärt

Domain: Die lesbare Adresse einer Website, zum Beispiel skrabi.com.
DNS: Der Wegweiser, der eine Domain mit dem richtigen Server verbindet.
Hosting: Der Serverplatz, auf dem Website, Daten und Programme laufen.
Datenbank: Ein geordneter Speicher für Nutzer, Inhalte, Produkte oder Vorgänge.
API: Eine festgelegte Verbindung, über die zwei Programme Daten austauschen.
Master-Prompt: Ein ausführlicher Arbeitsauftrag, der einer KI Ziel, Struktur, Regeln und Lieferumfang erklärt.
Quellcode: Die Dateien und Anweisungen, aus denen das fertige Programm gebaut ist.
Responsive: Eine Darstellung, die sich an Smartphone, Tablet und Desktop anpasst.

AUSPROBIEREN

Erst testen, dann entscheiden.

Das Demo-Labor zeigt den Aufbau einer Vorlage und löscht die Instanz nach 20 Minuten.

Live-Demo starten