Dein Projekt online bringen (Deployment)
Deployment heißt: dein Code landet auf einem Server oder CDN, den andere im Browser öffnen können.
Was ist Deployment überhaupt?
'Es läuft bei mir' reicht nicht. Deployment heißt: dein fertiges Build-Ergebnis landet auf einem Server oder CDN, das über eine URL erreichbar ist – nicht nur auf deinem eigenen Rechner.
Static vs. Server
Eine statische Seite besteht aus fertigem HTML, CSS und JavaScript – zur Laufzeit ist kein eigener Server nötig. Das trifft auf die meisten vibe-gecodeten Frontends zu. Eine Server-App (mit eigenem Backend, Datenbankzugriff zur Laufzeit) braucht dagegen eine durchgehend laufende Umgebung. Für den Einstieg ist eine statische Seite fast immer der einfachere Weg.
Der Gratis-Weg für Einsteiger
Der übliche Ablauf: Code in ein GitHub-Repo, das Repo mit einem Static-Hosting-Anbieter verbinden (zum Beispiel Cloudflare Pages, Vercel, Netlify oder GitHub Pages), fertig. Jeder Push auf den Haupt-Branch löst danach automatisch ein neues Deployment aus.
Umgebungsvariablen & Secrets
API-Keys oder Passwörter gehören niemals direkt in den Code oder ins Repo. Trag sie stattdessen in den Secret- bzw. Environment-Variablen-Einstellungen deines Hosting-Anbieters ein.
Eigene Domain ist optional
Jeder Anbieter gibt dir eine kostenlose Subdomain (z. B. dein-projekt.pages.dev). Das reicht zum Start völlig. Eine eigene Domain kannst du jederzeit später nachrüsten.
Lass deinen Agenten das machen – aber prüf es
Ein Coding-Agent kann das Deployment für dich einrichten. Prüf trotzdem, was er konfiguriert – vor allem bei allem, was mit Billing oder Zahlungsdaten zu tun hat.
BEISPIEL
Prompt an den Agenten: 'Verbinde dieses Repo mit [Hosting-Anbieter] und richte automatisches Deployment bei jedem Push auf main ein.'
KURZ-QUIZ
Was ist bei den meisten vibe-gecodeten Frontend-Projekten der einfachste Deployment-Weg?
QUELLEN
- Cloudflare-Doku: Pages ↗ developers.cloudflare.com
- Vercel-Doku ↗ vercel.com
- GitHub Docs: GitHub Pages ↗ docs.github.com