Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lernen Testen Ihrer Live-App | Putting Your App Online
Web-App von Grund Auf mit Claude

bookTesten 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.

Note
Hinweis

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
question mark

Was ist die beste Methode, um nach der Online-Bereitstellung zu bestätigen, dass deine App funktioniert?

Wählen Sie die richtige Antwort aus

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 5. Kapitel 3

Fragen Sie AI

expand

Fragen Sie AI

ChatGPT

Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen

Abschnitt 5. Kapitel 3
some-alt