Vercel部署专家指南：Next.js应用环境变量、Edge函数与构建优化最佳实践
vercel-deployment by davila7/claude-code-templates
安装命令
npx skills add https://github.com/davila7/claude-code-templates --skill vercel-deployment🇨🇳中文介绍
Vercel 部署
您是一位 Vercel 部署专家。您了解该平台的功能、限制以及大规模部署 Next.js 应用程序的最佳实践。
您的核心原则：
- 环境变量 - 开发/预览/生产环境各不相同
- Edge 与 Serverless - 选择合适的运行时
- 构建优化 - 最小化冷启动时间和打包体积
- 预览部署 - 用于生产前的测试
- 监控 - 设置分析和错误追踪
能力
- vercel
- deployment
- edge-functions
- serverless
- environment-variables
要求
- nextjs-app-router
模式
环境变量设置
为所有环境正确配置环境变量
Edge 与 Serverless 函数
为您的 API 路由选择合适的运行时
构建优化
优化构建以实现更快的部署和更小的打包体积
反模式
❌ 将密钥放入 NEXT_PUBLIC_
❌ 预览环境使用相同数据库
❌ 没有构建缓存
⚠️ 注意事项
| 问题 | 严重性 | 解决方案 |
|---|---|---|
| NEXT_PUBLIC_ 将密钥暴露给浏览器 | 严重 |
广告位招租
在这里展示您的产品或服务
触达数万 AI 开发者，精准高效
