Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lära Testa din live-app | Publicera din app online
Webbapp från grunden med Claude

bookTesta din live-app

Svep för att visa menyn

Din app är distribuerad. Detta kapitel täcker två saker: att bekräfta att allt fungerar på den live URL:en, samt att veta hur du publicerar framtida ändringar till webben.

Testa din live-app

När Vercel är klar med distributionen får du en URL som ser ut ungefär som your-project-name.vercel.app. Öppna den i din webbläsare och testa appen på samma sätt som du gjorde lokalt. Prova hela flödet från början till slut:

  • Skriv en idé i inmatningsfältet;
  • Använd eventuella funktioner du har lagt till, som förbättra-knappen;
  • Skicka in och vänta på att AI-svaret ska komma tillbaka.

Om AI-svaret laddas korrekt har din miljövariabel ställts in korrekt och din app fungerar fullt ut på webben.

Note
Notering

Om sidan laddas men AI-svaret misslyckas, gå tillbaka till dina Vercel-projektinställningar, kontrollera dina miljövariabler och se till att nyckeln och värdet har angetts korrekt.

Dela din app

Den Vercel-URL:en är din live-app. Du kan skicka den till vem som helst och de kan öppna den i sin webbläsare utan att behöva vara på din dator eller ditt nätverk. Detta är din MVP, live på internet.

Du kan också lägga till en egen domän i Vercel om du vill ha en mer professionell URL. Det är valfritt.

Skicka framtida ändringar

Varje gång du gör en ändring i Claude Code och vill att den ska synas på den live webappen, behöver du skicka dessa ändringar till GitHub. Vercel övervakar ditt GitHub-repository och distribuerar automatiskt om när ny kod kommer in.

De tre kommandon som gör detta är:

git add
git commit
git push

Du behöver inte köra dessa själv. Be bara Claude Code:

"Push my latest changes to GitHub."

Claude Code kör alla tre kommandon åt dig. När det är klart plockar Vercel upp uppdateringen och distribuerar automatiskt inom en till två minuter.

Uppdateringscykeln

Detta är hela cykeln från och med nu. Varje förbättring du gör följer samma tre steg.

Make a change in Claude Code → Push to GitHub → Vercel redeploys automatically
question mark

Vad är det bästa sättet att bekräfta att din app fungerar efter att den har distribuerats online?

Vänligen välj det korrekta svaret

Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 5. Kapitel 3

Fråga AI

expand

Fråga AI

ChatGPT

Fråga vad du vill eller prova någon av de föreslagna frågorna för att starta vårt samtal

Avsnitt 5. Kapitel 3
some-alt