promptgarden 🌱
🌍 EN
Guide●●○6 Min · +40 XP

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

VERWANDTE THEMEN

Git & GitHub für Vibe-Coder ●○○Vibe Coding: Wann es funktioniert, wann es dich beißt ●○○Kostenkontrolle bei KI-Agenten ●●○