Uw Live-App Testen

Je app is gedeployed. Dit hoofdstuk behandelt twee zaken: bevestigen dat alles werkt op de live URL, en weten hoe je toekomstige wijzigingen naar het web kunt pushen.

Je live app testen

Wanneer Vercel klaar is met deployen, krijg je een URL die eruitziet als your-project-name.vercel.app. Open deze in je browser en test de app op dezelfde manier als lokaal. Probeer de volledige flow van begin tot eind:

• Typ een idee in het invoerveld;
• Gebruik eventuele functies die je hebt toegevoegd, zoals de verbeterknop;
• Verstuur en wacht tot het AI-antwoord terugkomt.

Als het AI-antwoord correct laadt, is je omgevingsvariabele goed ingesteld en werkt je app volledig op het web.

Je app delen

Die Vercel-URL is je live app. Je kunt deze naar iedereen sturen en zij kunnen deze openen in hun browser zonder dat ze op jouw computer of netwerk hoeven te zijn. Dit is je MVP, live op het internet.

Je kunt ook een eigen domein toevoegen in Vercel als je een professionelere URL wilt. Dat is optioneel.

Toekomstige wijzigingen doorvoeren

Elke keer dat je een wijziging aanbrengt in Claude Code en deze zichtbaar wilt maken in de live webapp, moet je die wijzigingen naar GitHub pushen. Vercel houdt je GitHub-repository in de gaten en voert automatisch een nieuwe deployment uit zodra er nieuwe code binnenkomt.

De drie commando's die dit mogelijk maken zijn:

git add
git commit
git push

Je hoeft deze niet zelf uit te voeren. Vraag gewoon aan Claude Code:

"Push my latest changes to GitHub."

Claude Code voert alle drie de commando's voor je uit. Zodra dat is gebeurd, pikt Vercel de update op en wordt deze binnen een minuut of twee automatisch gedeployed.

De updatecyclus

Dit is vanaf nu de volledige cyclus. Elke verbetering die je aanbrengt, volgt dezelfde drie stappen.

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