Open your current .env file and copy:
VITE_SUPABASE_URLVITE_SUPABASE_ANON_KEY
# Install Vercel CLI (one-time)
npm install -g vercel
# Deploy
vercelFollow the prompts:
- Set up and deploy? Y
- Which scope? (choose your account)
- Link to existing project? N
- What's your project's name? level-up-supplements
- In which directory is your code? ./
- Want to modify settings? N
After deployment, run:
vercel env add VITE_SUPABASE_URL
vercel env add VITE_SUPABASE_ANON_KEYThen redeploy:
vercel --prodYour site is live! Vercel will give you a URL like: level-up-supplements.vercel.app
-
Push to GitHub
git init git add . git commit -m "Initial commit" git remote add origin YOUR_GITHUB_REPO git push -u origin main
-
Deploy via Vercel Website
- Go to https://vercel.com
- Click "New Project"
- Import your GitHub repository
- Add environment variables
- Click "Deploy"
-
Done! Your site is live.
- Full source code
- Pre-configured for Vercel and Netlify
- Database migrations
- All pages working and tested
- Responsive design
- Complete documentation
- Homepage with hero section
- Product catalog pages
- About, Contact, Science pages
- Legal pages (Privacy, Terms, Disclaimer, etc.)
- Newsletter signup
- Contact form
- Admin panel
- Account management
- Wishlist functionality
- Read
DEPLOYMENT-CHECKLIST.mdfor step-by-step guide - Read
DEPLOYMENT.mdfor detailed instructions - Check
ENV-TEMPLATE.txtfor environment variables
After deploying, add your custom domain in Vercel:
- Go to Project Settings
- Click "Domains"
- Add your domain
- Update DNS records as instructed
- SSL certificate is automatic
Ready to deploy your supplement business online!