Vercel

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

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

Import to Vercel

Visit vercel.com

Click "New Project"

Click Import Git Repository

Select your Github Repository

Click Import

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)

Deploy

Click “Deploy”Your site will be live in ~2 minutes at:

https://your-site.vercel.app

Add Custom Domain (Optional)

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

Self-Hosted

Quick Tips

Getting Started

Configuration

Products & Hosting

Page Configuration

Deployment

Help & Resources

Deployment Steps

​Deployment Steps

Deployment Steps