vercel-deploylisted

# Vercel Deployment Skill Expert deployment of Next.js applications to Vercel with optimal build settings, environment configuration, and custom domain setup. ## Quick Reference | Task | File/Command | |------|--------------| | Configure build | `vercel.json` | | Set env vars | Vercel Dashboard or CLI | | Deploy | `vercel --prod` | | Check status | `vercel inspect` | | Custom domain | Vercel Dashboard > Settings > Domains | ## Project Structure ``` project/ ├── vercel.json # Vercel configuration ├── next.config.js # Next.js configuration ├── .env.local # Local development (not committed) ├── .env.example # Template (committed) ├── docs/ │ └── deployment.md # Deployment documentation └── frontend/ # Next.js app ├── app/ ├── public/ └── src/ ``` ## vercel.json Configuration ### Basic Configuration ```json { "buildCommand": "npm run build", "outputDirectory": ".next", "installCommand": "npm install", "framework": "nextjs", "regions": ["iad1"], "env": { "NEXT_PUBLIC_API_URL": "@api_url" } } ``` ### Advanced Configuration with Rewrites ```json { "version": 2, "buildCommand": "npm run build", "outputDirectory": ".next", "installCommand": "npm install", "framework": "nextjs", "regions": ["iad1"], "rewrites": [ { "source": "/api/:path*", "destination": "https://api.yourdomain.com/:path*" } ], "headers": [ { "source": "/(.*)