COURSE 1 · LESSON 4 OF 5
Deploy & Share Your App
Your app looks great. Now let's get it live. Learn how to deploy to the internet so real people can use what you built.
5
Steps
~10
Min
+100
XP
// WHY THIS MATTERS
Shipping is the skill
Anyone can build something that works on their own computer. The real skill is shipping — getting it live so other people can actually use it. Until your app is deployed, it doesn't exist for the world.
Deployed apps can be shared, voted on in vibe-a-thons, added to your portfolio, and used by real users. That's the difference between a project and a product.
Enter vibe-a-thons
You need a live URL to submit
Build a portfolio
Shareable links impress anyone
Real users
Friends, family, strangers can try it
// HOW TO DEPLOY
5 steps to go live
// TOOLS YOU'LL USE
GitHub + Vercel
GitHub
github.comWhere your code lives. Free. Create an account, upload your files, and connect it to Vercel.
Vercel
vercel.comWhere your app runs. Free for personal projects. Connect your GitHub repo and it deploys automatically.
// COMMON ISSUES
When things go wrong
Build failed
Check the build logs in Vercel. Look for red error text. Copy the error and ask Vibe (the AI below) to help you fix it.
404 Not Found
Your files might not be in the right place. Make sure package.json and your app folder are at the root of your GitHub repo.
Site looks different than local
Some styles or fonts don't load in production. Check the browser console for errors (F12 → Console tab).
Changes not showing
Wait 2-3 minutes for Vercel to finish redeploying. If still not showing, do a hard refresh (Ctrl+Shift+R).
// KNOWLEDGE CHECK
Quiz Time
Ready for the quiz?
4 questions · No time limit · Instant feedback
📝 Create a free account to take this quiz and start earning XP
VIBE
● Online
Powered by Claude AI · Vibe Coden Mentor