Day 5: Deploy to Vercel with Environment Variables

# Run the production build locally
npm run build
# This catches TypeScript errors and missing imports

# Check that you have .env.example
cat .env.example

# Database
DATABASE_URL="postgresql://..."

# NextAuth
NEXTAUTH_URL="https://your-domain.com"
NEXTAUTH_SECRET="generate-with-openssl-rand-base64-32"

# GitHub OAuth
GITHUB_ID="your-github-client-id"
GITHUB_SECRET="your-github-client-secret"

# Install Vercel CLI
npm install -g vercel
vercel login

# Create a Vercel Postgres database
vercel postgres create my-db
# This creates a PostgreSQL database and gives you the connection string

# Pull env vars from Vercel to your local .env
vercel env pull .env.local

datasource db {
  provider          = "postgresql"
  url               = env("POSTGRES_URL")
  directUrl         = env("POSTGRES_URL_NON_POOLING")
}

# Push schema to production database
npx prisma db push

# Deploy from CLI
vercel --prod
# Your project is now at https://your-project.vercel.app

# Or connect via GitHub at vercel.com:
# 1. Import repository
# 2. Add environment variables
# 3. Deploy

# Set NEXTAUTH_SECRET
openssl rand -base64 32
# Copy output → Vercel Environment Variables → NEXTAUTH_SECRET

# Add custom domain via Vercel CLI
vercel domains add yourdomain.com

# Check deployment logs
vercel logs

# Inspect specific deployment
vercel inspect [deployment-url]