Testing Your Live App
Swipe to show menu
Your app is deployed. This chapter covers two things: confirming everything works on the live URL, and knowing how to push future changes to the web.
Testing your live app
When Vercel finishes deploying it gives you a URL that looks something like your-project-name.vercel.app. Open it in your browser and test the app the same way you did locally. Try the full flow end to end:
- Type an idea into the input field;
- Use any features you added like the enhance button;
- Submit and wait for the AI response to come back.
If the AI response loads correctly your environment variable was set up properly and your app is fully working on the web.
If the page loads but the AI response fails, go back into your Vercel project settings, check your environment variables, and make sure the key and value were entered correctly.
Sharing your app
That Vercel URL is your live app. You can send it to anyone and they can open it in their browser without needing to be on your computer or network. This is your MVP, live on the internet.
You can also add a custom domain in Vercel if you want a more professional URL. That is optional.
Pushing future changes
Every time you make a change in Claude Code and want it to appear on the live web app, you need to push those changes to GitHub. Vercel watches your GitHub repository and automatically redeploys whenever new code arrives.
The three commands that make this happen are:
git add
git commit
git push
You do not need to run these yourself. Just ask Claude Code:
"Push my latest changes to GitHub."
Claude Code will run all three commands for you. Once it does, Vercel picks up the update and redeploys automatically within a minute or two.
The update loop
This is the full cycle from this point forward. Every improvement you make follows the same three steps.
Make a change in Claude Code → Push to GitHub → Vercel redeploys automatically
Thanks for your feedback!
Ask AI
Ask AI
Ask anything or try one of the suggested questions to begin our chat