Next.js 部署实战:从本地到上线只需三步
2026-04-051 分钟
把 Next.js 项目部署上线,Vercel 是最省事的选择——它是 Next.js 的官方平台,零配置即可部署。
三步上线
- 推送代码到 GitHub — 确保仓库里有
next.config.ts和package.json - 导入到 Vercel — 登录 vercel.com,点"New Project",选仓库,一键部署
- 配置环境变量 — 在 Settings → Environment Variables 里添加
.env.local中的变量
自定义域名
在 Vercel 项目的 Domains 页面添加你的域名,然后去域名商那边添加一条 CNAME 记录指向 cname.vercel-dns.com。SSL 证书自动签发,无需额外操作。
预览部署
每个 PR 都会自动生成一个预览链接,团队可以在合并前直接看到效果,非常适合协作审查。
从推代码到线上可访问,整个流程不到五分钟。