Deploy to Vercel

Vercel is the recommended deployment platform for Next.js applications.

Step 1: Push to GitHub

1. Create a GitHub repository
2. Push your code:

Step 2: Import to Vercel

1. Go to vercel.com
2. Sign in with your GitHub account
3. Click "Add New Project"
4. Import your repository

Step 3: Configure

Vercel will automatically detect Next.js. The default settings should work:

• Framework Preset: Next.js
• Build Command: yarn build (or npm run build)
• Output Directory: .next
• Install Command: yarn install (or npm install)

Step 4: Deploy

1. Click "Deploy"
2. Wait for build to complete
3. Your site is live!

Environment Variables

If you need environment variables:

1. Go to Project Settings
2. Click "Environment Variables"
3. Add your variables

Custom Domain

To add a custom domain:

1. Go to Project Settings
2. Click "Domains"
3. Add your domain
4. Follow DNS instructions

Next Steps

• Deploy to Netlify - Alternative deployment option
• Static Export - Deploy as static files