Vibe-codete App richtig deployen und betreiben mit GitHub + Vercel + Datenbank
Lerne, wie du eine vibe-codete Web-App mit Datenbank sicher online stellst und betreibst: privat bei GitHub, gebaut und ausgeliefert von Vercel, mit Umgebungsvariablen, Vorschau, Rollback, Servern in Frankfurt und eigener Domain.
Dieser Snip gehört zum Mitgliederbereich. Melde dich an, um deinen Zugriff zu prüfen und weiterzulernen.
Anmelden und ansehenEin Snip von Bruno Hirschmann
Über diesen Snip
Eine vibe-codete App läuft lokal auf dem Rechner, aber eben nur dort. In diesem Snip erfährst du, wie du eine Web-App mit Datenbank über GitHub und Vercel online stellst und im laufenden Betrieb sauber weiterentwickelst. Vorausgesetzt wird der Snip [Vibecoded HTML-Seiten kostenlos online stellen mit GitHub und Vercel](https://www.snipki.de/videos/vibecoded-html-seiten-kostenlos-online-stellen-mit-github-und-vercel), der den Einstieg mit einer statischen Seite zeigt.
Schritt für Schritt wird gezeigt, wie du den Code mit deinem KI-Assistenten (Claude Code) in ein privates GitHub-Repository lädst, ohne die Zugangsdaten aus der .env.local mitzuschicken. Danach wird die App in Vercel importiert, eine Neon-Datenbank direkt über Vercel angelegt und verbunden, die Passwörter werden als Umgebungsvariablen hinterlegt und Datenbank wie Serverfunktionen in Frankfurt angesiedelt.
Für den Betrieb lernst du, Änderungen in einem eigenen Branch mit Vorschau-Deployment zu prüfen, sie per Pull Request live zu schalten, bei Bedarf per Instant Rollback zur vorherigen Version zurückzukehren und deine eigene Domain per CNAME-Eintrag anzubinden. Dazu gibt es eine Einordnung zu Kosten (Hobby nur für Privates, beruflich Pro mit Ausgabenlimit) und zum Datenschutz.
Nicht nur mit Claude Code: Die Prompts funktionieren genauso mit anderen Coding-Agenten, die direkt im Projektordner arbeiten, etwa OpenAI Codex oder Cursor.
Vom Anschauen zum Anwenden
Was möchtest du aus diesem Snip in deinem Arbeitsalltag ausprobieren? Wähle eine konkrete Aufgabe und überlege, wie du das Ergebnis überprüfen kannst.
