Deploy with Vercel

1Push Code to GitHub

Your code must be in a GitHub repository to deploy.

# Initialize repository (if first time)
git init

# Add files
git add .

# Commit
git commit -m "Initial commit"

# Connect GitHub repository (if first time)
git remote add origin https://github.com/username/my-project.git

# Push
git push -u origin main

2Configure Vercel

1. Sign up for Vercel (free, recommended to log in with GitHub)
2. Click Add New... → Project in the dashboard
3. Select repository from Import Git Repository
4. Framework is automatically detected

3Environment Variables (if needed)

Set values that vary by environment, such as API URLs, as environment variables.

1. Project → Settings
2. Environment Variables tab
3. Add variable (e.g., VITE_API_URL)
4. Can select Production / Preview / Development environments

# Example environment variables
VITE_API_URL=https://api.myapp.com
NEXT_PUBLIC_API_URL=https://api.myapp.com

4Custom Domain (optional)

A default project-name.vercel.app domain is provided. Additional configuration is needed to use your own domain.

1. Project → Settings → Domains
2. Enter domain (e.g., myapp.com)
3. Add A or CNAME record following DNS setup instructions
4. SSL certificate is automatically issued

Vercel vs Cloudflare Pages

Deployment Complete!