Vibe-Coding-App veröffentlichen: Anleitung von Preview bis Produktion
Eine funktionierende Builder-Vorschau ist noch keine produktionsreife Anwendung. Beim Deployment wechseln Domain, Geheimnisse, Datenbankregeln und Laufzeit. Diese Anleitung konzentriert sich auf die Übergänge, an denen KI-erstellte Apps häufig scheitern.

1. Code in ein eigenes Repository legen
Exportiere oder synchronisiere das Projekt mit GitHub. Committe die Lockdatei, entferne API-Schlüssel und prüfe, ob Build und Startbefehl dokumentiert sind. Eine saubere Kopie sollte sich ohne versteckte Dateien des Builders installieren lassen.
2. Hosting und Umgebungsvariablen einrichten
Verbinde das Repository mit einem Host, wähle das richtige Framework und trage Geheimnisse ausschließlich in dessen geschützte Variablen ein. Öffentliche Browservariablen dürfen keine privaten Schlüssel enthalten. Trenne Preview- und Produktionswerte.
3. Datenbank und Anmeldung absichern
Führe Migrationen kontrolliert aus, aktiviere Zeilen- oder Rollenregeln und teste mit zwei Konten. Aktualisiere OAuth-Redirects, CORS, Webhooks und E-Mail-Links auf die endgültige Domain. Sichere Daten vor strukturellen Änderungen.
4. Preview testen, dann Domain verbinden
Teste Anmeldung, Passwort-Reset, Kernablauf, ungültige Eingaben, direkte Unterseiten, Uploads und externe Aktionen in einer privaten Browser-Sitzung und auf einem Telefon. Verbinde erst danach die Domain, HTTPS, Canonical, Sitemap, Monitoring und einen dokumentierten Rollback.
Häufige Fragen
Warum funktioniert die App in der Vorschau, aber nicht live?
Preview und Produktion können andere Variablen, Domains, Buildbefehle und Datenbankregeln verwenden. Vergleiche die Umgebungen systematisch.
Welche Prüfung ist vor dem Launch unverzichtbar?
Teste Anmeldung, Berechtigungen, den wichtigsten Datenablauf, direkte URLs, mobile Nutzung und den Rückweg zur vorherigen Version.