Next.js Vercel 部署

为什么选 Vercel

优势	说明
同源	Vercel 开发和维护 Next.js
零配置	推代码即部署
自动 HTTPS	免费 SSL 证书
Edge Functions	全球边缘节点
预览部署	每个 PR 自动生成预览链接

部署方式

Git 连接（推荐）

1. 代码推送到 GitHub/GitLab
2. Vercel 导入仓库 → 自动识别 Next.js
3. 配置环境变量 → Deploy

CLI

npm i -g vercel
vercel          # 交互式部署
vercel --prod   # 生产部署

环境变量

Vercel Dashboard → Settings → Environment Variables：

DATABASE_URL=xxx
NEXT_PUBLIC_API_URL=https://api.example.com