Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Learn Testing Your Live App | Putting Your App Online
Web App from Scratch with Claude

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

Note
Note

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

What is the best way to confirm your app works after deploying it online?

Select the correct answer

Everything was clear?

How can we improve it?

Thanks for your feedback!

Section 5. Chapter 3

Ask AI

expand

Ask AI

ChatGPT

Ask anything or try one of the suggested questions to begin our chat

Section 5. Chapter 3
some-alt