2 min read
Step 6: Deploying
Put it on the web.
Where We Are
Your weather app works locally. Let’s make it available to anyone.
Deploy to Vercel
Vercel is the simplest way to get a web project live. Free, fast, and built for frontend projects.
- Push your project to a GitHub repository (Claude can help you set this up if you haven’t already)
- Go to vercel.com and sign up with your GitHub account
- Click “Add New Project”
- Import your Weather repository
- Vercel detects it’s a static site — no configuration needed
- Click Deploy
In about 30 seconds, Vercel gives you a URL like weather-abc123.vercel.app. That’s your live site.
Every time you push to GitHub, Vercel redeploys automatically.
Test It Live
Open the URL on your phone. Search for your city. Everything should work exactly like it did locally.
If something breaks:
- Check the browser console for errors
- Make sure all file paths are relative (no absolute paths)
- Push a fix to GitHub and Vercel redeploys automatically
Custom Domain (Optional)
If you want a custom URL:
I want to set up a custom domain for my Vercel site.
Walk me through the steps.Checkpoint
By now you should have:
- App deployed to a live URL on Vercel
- Works on mobile
- Shareable with anyone
- Auto-deploys on every push
What You Learned
- Static sites deploy in seconds
- No server needed for client-side apps
- Vercel auto-deploys from GitHub — push and it’s live
- Your work is now public and shareable