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

Getting Started

Configuration

Products & Hosting

Page Configuration

Deployment

Help & Resources

Deployment Steps

​Deployment Steps

Deployment Steps