Skip to main content
Vercel is the easiest and fastest way to deploy Next.js applications. It’s made by the creators of Next.js and offers:
  • Free hosting for unlimited sites
  • Automatic HTTPS/SSL
  • Global CDN
  • Automatic deployments from Git
  • Zero configuration required

​
Deployment Steps

1

Push to Github

First, push your code to GitHub:
# Initialize git (if not already done)
git init

# Add all files
git add .

# Commit
git commit -m "Initial commit"

# Add your GitHub repository
git remote add origin https://github.com/yourusername/your-site.git

# Push
git push -u origin main
2

Import to Vercel

1

Visit vercel.com

2

Click "New Project"

3

Click Import Git Repository

4

Select your Github Repository

5

Click Import

3

Configure

Vercel auto-detects Next.js settings. You can optionally set:Framework Preset: Next.js (auto-detected)Build Command: npm run build (auto-set)Output Directory: .next (auto-set)
4

Deploy

Click “Deploy”Your site will be live in ~2 minutes at:
https://your-site.vercel.app
5

Add Custom Domain (Optional)

  1. Go to your project settings.
  2. Click “Domains”
  3. Add your domain (e.g., yoursite.com)
  4. Update your DNS records as instructed
  5. Done! SSL is automatic
6