deployment-guide

# Deployment Guide ## Frontend — Vercel ### Setup ```bash # Install Vercel CLI npm i -g vercel # Login vercel login # Link project (run once in the project root) vercel link # Deploy to preview vercel # Deploy to production vercel --prod ``` ### vercel.json ```json { "framework": "nextjs", "buildCommand": "pnpm run build", "installCommand": "pnpm install --frozen-lockfile", "outputDirectory": ".next", "regions": ["iad1"], "headers": [ { "source": "/(.*)", "headers": [ { "key": "X-Content-Type-Options", "value": "nosniff" }, { "key": "X-Frame-Options", "value": "DENY" }, { "key": "X-XSS-Protection", "value": "1; mode=block" }, { "key": "Referrer-Policy", "value": "strict-origin-when-cross-origin" } ] }, { "source": "/api/(.*)", "headers": [ { "key": "Cache-Control", "value": "no-store, max-age=0" } ] }, { "source": "/_next/static/(.*)", "headers": [ { "key": "Cache-Control", "value": "public, max-age=31536000, immutable" } ] } ], "rewrites": [ { "source": "/api/:path*", "destination": "https://api.example.com/api/:path*" } ] } ``` ### Vercel Environment Variables ```bash # Set env vars per environment vercel env add NEXT_PUBLIC_API_URL production vercel env add NEXT_PUBLIC_API_URL preview vercel env add NEXT_PUBLIC_API_URL development # Pull to local .env.local vercel env pull .env.local...