Vercel deployment configuration and optimization for Next.js applications including vercel.json setup, environment variables, build optimization, edge functions, and deployment troubleshooting. Use when deploying to Vercel, configuring deployment settings, optimizing build performance, setting up environment variables, configuring edge functions, or when user mentions Vercel deployment, production setup, build errors, or deployment optimization.
View on GitHubvanman2024/ai-dev-marketplace
nextjs-frontend
February 1, 2026
Select agents to install to:
npx add-skill https://github.com/vanman2024/ai-dev-marketplace/blob/main/plugins/nextjs-frontend/skills/deployment-config/SKILL.md -a claude-code --skill deployment-configInstallation paths:
.claude/skills/deployment-config/# Deployment Configuration **Purpose:** Configure and optimize Next.js deployments on Vercel with automated validation and best practices. **Activation Triggers:** - Deployment failures or errors - Build performance optimization needed - Environment variable configuration - Edge function setup - vercel.json configuration - Production deployment preparation - Custom domain configuration **Key Resources:** - `scripts/validate-deployment.sh` - Validate deployment configuration - `scripts/optimize-build.sh` - Analyze and optimize build performance - `scripts/setup-env-vars.sh` - Interactive environment variable setup - `scripts/test-edge-functions.sh` - Test edge function configuration - `templates/vercel.json` - Production-ready vercel.json templates - `templates/env-template.md` - Environment variable documentation - `examples/deployment-patterns.md` - Common deployment scenarios ## Deployment Workflow ### 1. Pre-Deployment Validation Validate configuration before deploying: ```bash # Full deployment validation ./scripts/validate-deployment.sh # Checks performed: # - vercel.json syntax and schema # - Environment variables documented # - Build command configuration # - Output directory exists # - Framework detection correct # - No hardcoded secrets in code ``` ### 2. Configure vercel.json Choose appropriate template based on needs: ```bash # Generate vercel.json from template cp templates/vercel.json vercel.json # Templates available: # - basic.vercel.json → Minimal configuration # - optimized.vercel.json → Performance optimized # - edge-functions.vercel.json → With edge/middleware # - monorepo.vercel.json → Monorepo setup ``` **Key Configuration Options:** **Build Settings:** - `buildCommand` - Override build command (default: `next build`) - `installCommand` - Custom install command or skip with `""` - `outputDirectory` - Build output location (default: `.next`) - `framework` - Force framework detection (usually auto-detected) **Routin