- Abhängigkeit
Ein Zusatz, den ein Projekt zum Laufen braucht.
Das kann ein Paket, eine Datenbank oder ein Dienst für Anmeldungen sein.
- Admin-Bereich
Ein geschützter Bereich für die Betreiber einer Website.
Dort kannst du etwa Beiträge veröffentlichen oder Anfragen lesen.
- API / Schnittstelle
Eine vereinbarte Art, wie zwei Programme Daten austauschen.
Dein Formular kann über eine API eine Nachricht an den Server schicken.
- API-Schlüssel
Ein geheimer Zugangscode für einen Online-Dienst.
Dein Server nutzt ihn beispielsweise, um bei Brevo eine Bestätigungsmail auszulösen.
- Betreiberrolle / Zugriffsregeln
Regeln, wer Daten sehen oder ändern darf.
Ein Gast kann das Kontaktformular absenden, die Betreiberin kann die Anfragen lesen.
- Binding / Datenbankbindung
Die Verbindung zwischen deinem Servercode und einem Cloudflare-Dienst.
Mit dem Namen DB kann dein Code die zugeordnete Datenbank ansprechen.
- Brevo
Ein Dienst für den E-Mail-Versand.
Er kann nach einer Anmeldung eine Bestätigungsmail verschicken.
- Build / Build-Befehl
Der Schritt, der aus deinem Projekt die fertigen Dateien für die Veröffentlichung macht.
Bei Vite startet npm run build diesen Schritt meist und legt das Ergebnis in dist ab.
- Cloudflare
Ein Anbieter, über den du eine Website öffentlich erreichbar machen kannst.
Cloudflare bietet auch Dienste an, die Anfragen bearbeiten oder Daten speichern.
- Cloudflare Pages
Ein Cloudflare-Dienst, der die Dateien deiner Website bereitstellt.
Du kannst einen fertigen Ordner hochladen oder Pages mit GitHub verbinden.
- Codex
Ein KI-Assistent, der Projektdateien lesen, bearbeiten und testen kann.
Bitte ihn zuerst um einen Plan und prüfe dann gemeinsam das Ergebnis.
- CSS
Regeln dafür, wie deine Website aussieht.
CSS legt beispielsweise Farben, Abstände und Schriftgrößen fest.
- D1
Eine von Cloudflare betriebene Datenbank.
Sie speichert zum Beispiel Buchungen und kann doppelte Einträge verhindern.
- Dashboard
Die Verwaltungsoberfläche eines Online-Dienstes.
Im Cloudflare-Dashboard findest du Projekte und ihre Einstellungen.
- Datenbank
Ein geordneter Speicher für Informationen, die nach dem Schließen der Website erhalten bleiben.
Ein Formular kann die eingegebenen Daten in einer Tabelle speichern.
- Deploy / Deployment
Eine bestimmte Ausgabe deiner Website online bereitstellen.
Die Schaltfläche Deploy site veröffentlicht die hochgeladenen Dateien.
- Direct Upload / Drag and Drop
Ein Weg, fertige Dateien direkt bei Cloudflare hochzuladen.
Ziehe den Ausgabeordner oder ein geeignetes ZIP in das Upload-Feld.
- dist / Ausgabeordner
Der Ordner mit den fertigen Dateien für die Veröffentlichung. Vite nennt ihn meist dist.
Prüfe, dass dort die Startdatei index.html und die zugehörigen Dateien liegen.
- DNS
Das Verzeichnis, das einen Internetnamen mit dem zuständigen Dienst verbindet.
Über DNS kannst du zum Beispiel nachweisen, dass dir eine Absender-Domain gehört.
- Domain
Ein Internetname wie mein-projekt.de.
Eine Adresse unter pages.dev bekommst du von Cloudflare. Für manche E-Mail-Dienste brauchst du eine selbst verwaltete Domain.
- Double Opt-in / Doppelte Bestätigung
Eine Anmeldung in zwei Schritten. Erst das Formular absenden, dann den Link in der E-Mail öffnen.
Deine Datenbank kann bis zum Klick den Status offen anzeigen.
- Editor
Ein Werkzeug zum Bearbeiten von Text oder Code.
Im Blog-Editor kannst du einen Entwurf schreiben und Links einfügen.
- Eindeutigkeitsregel / UNIQUE
Eine Regel, mit der die Datenbank doppelte Werte abweist.
So wird eine E-Mail-Adresse nur einmal gespeichert oder ein Termin nur einmal gebucht.
- Endpunkt
Eine bestimmte Adresse, an die ein Programm eine Anfrage schickt.
Über /api/kontakt kann die Website ein Formular an ihren Server schicken.
- Flask
Ein Python-Baukasten für den Teil einer Webanwendung, der auf dem Server läuft.
Flask kann ein Formular entgegennehmen und den Eintrag speichern.
- Frontend
Der Teil einer Website, den du im Browser siehst und bedienst.
Formulare, Menüs und Bilder gehören dazu. Manche Projekte speichern diesen Teil im Ordner frontend.
- Git
Ein Werkzeug, das Änderungen am Projekt festhält.
Damit kannst du einen früheren Stand nachvollziehen. main heißt häufig der Hauptzweig.
- GitHub
Ein Online-Dienst, auf dem ein Git-Projekt gespeichert werden kann.
Lovable kann den Code dorthin übertragen und Cloudflare kann ihn von dort veröffentlichen.
- Hash
Ein Prüfwert, der aus einem Wert berechnet wird.
Speichere für einen zufälligen Bestätigungscode seinen Prüfwert. So kann der Server den Code später prüfen.
- Hero-Bereich
Der große Einstieg oben auf einer Website.
Er zeigt oft eine Überschrift, ein Bild und einen Knopf für den nächsten Schritt.
- HTML
Die Sprache, die den Aufbau einer Webseite beschreibt.
index.html ist häufig die Startdatei, die der Browser zuerst öffnet.
- HTTPS
Eine verschlüsselte Verbindung zwischen Browser und Website.
Öffentliche Adressen mit https:// schützen Eingaben auf dem Weg zum Server.
- ID
Eine eindeutige Kennung für einen Datensatz.
Die Konto-ID sagt dem Server, zu welchem Konto ein Profil gehört.
- JavaScript
Eine Programmiersprache für Websites.
Sie kann auf einen Klick reagieren und auch Anfragen auf einem Server bearbeiten.
- Konfiguration
Einstellungen, mit denen ein Programm an ein Projekt angepasst wird.
Eine Wrangler-Datei enthält zum Beispiel Namen und Datenbankverbindungen.
- localhost / lokal
localhost ist der Name für deinen eigenen Rechner.
Die dort geöffnete Vorschau funktioniert, solange dein lokales Programm läuft.
- Login / Anmeldung
Der Schritt, bei dem ein Dienst prüft, wer du bist.
Ein Login-Dienst kann Kennwörter und die Rückleitung zu deiner Website verwalten.
- Lovable
Ein Werkzeug, mit dem du eine Website oder App per Beschreibung erstellen kannst.
Mit Visual Edit kannst du sichtbare Teile direkt bearbeiten.
- Node.js
Ein Programm, das JavaScript außerhalb des Browsers ausführt.
Viele Projekte nutzen Node.js und npm, um eine Website vorzubereiten.
- npm
Ein Werkzeug zum Installieren von JavaScript-Paketen und zum Starten von Projektbefehlen.
npm ci installiert die festgelegten Pakete. npm run build startet den Bau der Website.
- package.json / package-lock.json
Dateien, die beschreiben, welche JavaScript-Pakete und Befehle ein Projekt nutzt.
package-lock.json hält die genauen Paketstände für npm ci fest.
- Pages Functions
Serverfunktionen für eine Website auf Cloudflare Pages.
Eine Funktion kann ein Kontaktformular entgegennehmen und in D1 speichern.
- Paket
Ein fertiges Stück Code, das ein Projekt einbinden kann.
React ist zum Beispiel als Paket erhältlich.
- Preview / Production
Preview ist die Testversion. Production ist die öffentliche Version für Besucher.
Beide können unterschiedliche Einstellungen und Datenbanken haben.
- Projektwurzel
Der Ordner, in dem Cloudflare für den Bau anfangen soll.
Liegt die zuständige package.json in frontend, kannst du diesen Unterordner auswählen.
- Prompt
Eine Anweisung oder Frage an eine KI.
Beschreibe, was gebaut werden soll und woran du erkennst, dass es funktioniert.
- Python
Eine Programmiersprache, die hier vor allem für den Serverteil vorkommt.
requirements.txt oder pyproject.toml nennt häufig die benötigten Pakete.
- React
Ein Baukasten für die sichtbaren Teile einer Website.
Damit kannst du ein Formular erstellen, das nach dem Absenden eine Bestätigung anzeigt.
- README
Die Startanleitung in einem Projektordner.
Darin stehen oft die Schritte zum Einrichten, Starten und Veröffentlichen.
- Repository
Ein Projektordner mit seiner Versionsgeschichte.
Ein Repository auf GitHub speichert den Code und seine Änderungen.
- Secret / geheimer Schlüssel
Eine vertrauliche Einstellung, die der Server verwenden darf.
Speichere einen Versand-Schlüssel in Variables and Secrets. Werte mit VITE_ können in der gebauten Website sichtbar sein.
- Server / Backend
Der Teil einer Anwendung, der Anfragen bearbeitet und Daten liest oder speichert.
Er prüft etwa, ob ein Termin noch buchbar ist.
- Sitzung
Ein Zustand, mit dem der Server eine bereits angemeldete Person wiedererkennt.
Damit kann er bei späteren Anfragen prüfen, zu welchem Konto die Person gehört.
- SMTP
Ein Verfahren, mit dem ein Programm E-Mails an einen Versanddienst übergibt.
Ein SMTP-Schlüssel ist das Passwort dafür. STARTTLS schaltet bei einer geeigneten Verbindung die Verschlüsselung ein.
- SQL
Eine Sprache für Datenbanken.
Mit CREATE TABLE legst du eine Tabelle an. Eine schema.sql enthält solche Befehle.
- SQLite
Eine Datenbank, deren Inhalt häufig in einer einzigen Datei liegt.
Das eignet sich für eine lokale Übung. Auf Cloudflare kann D1 die Daten dauerhaft speichern.
- Supabase
Ein Online-Dienst, der unter anderem Datenbanken und Benutzeranmeldungen anbietet.
Ein aus Lovable veröffentlichtes Projekt kann seinen bestehenden Dienst weiterverwenden, wenn es dafür eingerichtet ist.
- Terminal
Ein Fenster, in das du Befehle für den Rechner eingibst.
Dort kannst du die Website starten und die angezeigte Vorschau-Adresse ablesen.
- Transaktionsmail
Eine automatische E-Mail nach einer konkreten Aktion.
Eine Bestätigungsmail nach einer Newsletter-Anmeldung ist ein Beispiel.
- URL
Die vollständige Adresse einer Seite oder eines Dienstes.
Eine Rückleitungsadresse bestimmt, wohin du nach dem Login zurückkehrst.
- Vite
Ein Werkzeug, das deine Website auf deinem Rechner zur Vorschau öffnet und ihre fertigen Dateien erstellt.
Bei vielen React-Projekten legt Vite die fertige Ausgabe im Ordner dist ab.
- Worker / Python Workers
Ein Programm, das bei Cloudflare Anfragen bearbeitet. Python Workers können Python-Code ausführen.
Ein Worker kann eine Anmeldung prüfen oder einen Eintrag in D1 schreiben.
- Wrangler / pywrangler
Werkzeuge für Cloudflare, die du im Terminal startest.
Wrangler lädt eine Website hoch oder führt SQL aus. pywrangler ist für Python Workers gedacht.
- ZIP
Eine Datei, in der mehrere Dateien und Ordner zusammengepackt sind.
Beim Upload muss index.html direkt im ZIP liegen, wenn sie die Startseite ist.