Next.js 部署实战:从本地到上线只需三步

2026-04-051 分钟

把 Next.js 项目部署上线,Vercel 是最省事的选择——它是 Next.js 的官方平台,零配置即可部署。

三步上线

  1. 推送代码到 GitHub — 确保仓库里有 next.config.tspackage.json
  2. 导入到 Vercel — 登录 vercel.com,点"New Project",选仓库,一键部署
  3. 配置环境变量 — 在 Settings → Environment Variables 里添加 .env.local 中的变量

自定义域名

在 Vercel 项目的 Domains 页面添加你的域名,然后去域名商那边添加一条 CNAME 记录指向 cname.vercel-dns.com。SSL 证书自动签发,无需额外操作。

预览部署

每个 PR 都会自动生成一个预览链接,团队可以在合并前直接看到效果,非常适合协作审查。

从推代码到线上可访问,整个流程不到五分钟。