Deployment - Vercel/Netlify

Deploying a Next.js app to production.

Vercel Deployment 🚀

1. GitHub Integration

1. Push your code to GitHub
2. Go to vercel.com
3. Import GitHub repository
4. Click Deploy

2. Environment Variables

In Vercel dashboard → Settings → Environment Variables:

1DATABASE_URL=your_db_url
2OPENAI_API_KEY=your_key
3NEXTAUTH_SECRET=your_secret

3. Custom Domain

Settings → Domains → Add domain → Verify DNS

CLI Deployment 💻

1npm i -g vercel
2vercel login
3vercel

Build Optimization 📦

1// next.config.js
2module.exports = {
3  images: {
4    domains: ['yourdomain.com'],
5    formats: ['image/avif', 'image/webp']
6  },
7  compress: true,
8  poweredByHeader: false
9}

See you soon! 🚀