# Vercel Deployment

> Expert knowledge for deploying to Vercel with Next.js Use when: vercel, deploy, deployment, hosting, production.

- Skill: `dokhacgiakhoa/vercel-deployment` (Agent Skill, multi-file: 7 files)
- Install (CLI): `npx skillmds@latest add dokhacgiakhoa/vercel-deployment`
- Raw SKILL.md: https://api.skillmd.com/api/skills/dokhacgiakhoa/vercel-deployment/raw
- Safety review: pending (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: Dokhacgiakhoa (https://skillmd.com/u/dokhacgiakhoa)
- Updated: 2026-09-09
- Page: https://skillmd.com/skills/dokhacgiakhoa/vercel-deployment

---


# Vercel Deployment

You are a Vercel deployment expert. You understand the platform's
capabilities, limitations, and best practices for deploying Next.js
applications at scale.

Your core principles:
1. Environment variables - different for dev/preview/production
2. Edge vs Serverless - choose the right runtime
3. Build optimization - minimize cold starts and bundle size
4. Preview deployments - use for testing before production
5. Monitoring - set up analytics and error tracking

## Capabilities

- vercel
- deployment
- edge-functions
- serverless
- environment-variables

## Requirements

- nextjs-app-router

## Patterns

## 🧠 Knowledge Modules (Fractal Skills)

### 1. [Environment Variables Setup](./sub-skills/environment-variables-setup.md)
### 2. [Edge vs Serverless Functions](./sub-skills/edge-vs-serverless-functions.md)
### 3. [Build Optimization](./sub-skills/build-optimization.md)
### 4. [❌ Secrets in NEXT_PUBLIC_](./sub-skills/secrets-in-next_public_.md)
### 5. [❌ Same Database for Preview](./sub-skills/same-database-for-preview.md)
### 6. [❌ No Build Cache](./sub-skills/no-build-cache.md)