Testen Ihrer Live-App
Swipe um das Menü anzuzeigen
Deine App ist bereitgestellt. Dieses Kapitel behandelt zwei Dinge: Überprüfen, ob alles unter der Live-URL funktioniert, und wissen, wie zukünftige Änderungen ins Web übertragen werden.
Testen der Live-App
Wenn Vercel die Bereitstellung abgeschlossen hat, erhältst du eine URL, die etwa so aussieht: your-project-name.vercel.app. Öffne sie im Browser und teste die App genauso wie lokal. Den gesamten Ablauf einmal durchgehen:
- Eine Idee in das Eingabefeld eingeben;
- Alle hinzugefügten Funktionen wie die Enhance-Schaltfläche verwenden;
- Absenden und auf die Antwort der KI warten.
Wenn die KI-Antwort korrekt geladen wird, wurde die Umgebungsvariable richtig eingerichtet und die App funktioniert vollständig im Web.
Wenn die Seite lädt, aber die KI-Antwort fehlschlägt, gehe zurück zu den Vercel-Projekteinstellungen, überprüfe die Umgebungsvariablen und stelle sicher, dass Schlüssel und Wert korrekt eingegeben wurden.
Teilen Ihrer App
Diese Vercel-URL ist Ihre Live-App. Sie können sie an beliebige Personen senden, und diese können sie in ihrem Browser öffnen, ohne sich in Ihrem Computer oder Netzwerk befinden zu müssen. Dies ist Ihr MVP, live im Internet.
Sie können in Vercel auch eine eigene Domain hinzufügen, wenn Sie eine professionellere URL wünschen. Das ist optional.
Zukünftige Änderungen veröffentlichen
Jedes Mal, wenn Sie in Claude Code eine Änderung vornehmen und möchten, dass diese in der Live-Web-App erscheint, müssen Sie diese Änderungen zu GitHub pushen. Vercel überwacht Ihr GitHub-Repository und stellt automatisch neu bereit, sobald neuer Code ankommt.
Die drei Befehle, die dies ermöglichen, sind:
git add
git commit
git push
Sie müssen diese nicht selbst ausführen. Bitten Sie einfach Claude Code:
"Push my latest changes to GitHub."
Claude Code führt dann alle drei Befehle für Sie aus. Sobald dies erledigt ist, erkennt Vercel das Update und stellt innerhalb von ein bis zwei Minuten automatisch neu bereit.
Die Update-Schleife
Dies ist ab jetzt der vollständige Zyklus. Jede Verbesserung folgt denselben drei Schritten.
Make a change in Claude Code → Push to GitHub → Vercel redeploys automatically
Danke für Ihr Feedback!
Fragen Sie AI
Fragen Sie AI
Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen