▲ Deploy Quest Tracker to Vercel
Go from code to live website in 3 steps
What You Need
- GitHub Account - To store your code (github.com)
- Vercel Account - To deploy your app (vercel.com, free tier)
- Node.js 18+ - Installed on your computer
TIP Sign up for Vercel using your GitHub account - it connects automatically.
Step 1: Push Your Code to GitHub
If your code is not on GitHub yet, create a new repository and push it:
git init
git add .
git commit -m "Initial commit"
git remote add origin https://github.com/YOUR-USERNAME/quest-tracker.git
git push -u origin main
Step 2: Import Project on Vercel
- Go to vercel.com/new
- Click "Import Git Repository"
- Select your
quest-tracker repository
- Click "Deploy"
- Wait about 30 seconds - Vercel builds and deploys automatically!
Environment Variables (if needed):
Go to your project on Vercel → Settings → Environment Variables, then add:
Step 3: Your App is Live!
That's it! Vercel gives you a URL like:
https://quest-tracker-abc123.vercel.app
Open it in your browser to see your live app.
Bonus: Every time you push new code to GitHub, Vercel automatically redeploys. No extra steps needed.
Test Your Deployment
Check that everything works:
- Open your Vercel URL in a browser
- Check the browser console for errors (F12 → Console)
- Try all the features of your app
# Run the health check script
npm run health-check https://your-app.vercel.app
Next Steps
- Custom Domain: Add your own domain in Vercel → Settings → Domains
- HTTPS: Vercel provides free SSL automatically
- Preview Deploys: Every pull request gets its own preview URL
- Analytics: Enable Vercel Analytics in your dashboard
Troubleshooting
- Build fails? Check the build logs in your Vercel dashboard
- Page not loading? Make sure
vercel.json exists in your project root
- Environment variables? Add them in Vercel dashboard, then redeploy
- Need help? Check Vercel Docs