Attention: This page is 345 days older than the English version and might be outdated. If you're a native speaker of this language and would like to contribute to the project, please consider updating this page to match the latest English version.

You can also view the English version of this page.

Vercel

我们推荐将你的应用部署到 Vercel↗。它大大简化了 Next.js 应用的部署流程。

项目配置

Vercel 很大可能会自动帮你配置好部署命令，以及构建导出目录。然而，你也可以通过创建一个 vercel.json↗ 文件，并加入下列命令。这对大部分项目来说不是必需的。

{
  "buildCommand": "npm run build",
  "outputDirectory": "dist",
  "devCommand": "npm run dev",
  "installCommand": "npm install"
}

使用 Vercel 管理面板

当你将代码成功 push 到 GitHub 仓库后，使用 GitHub 注册 Vercel↗，然后点击添加新项目。

New project on Vercel

从 GitHub 仓库导入你的项目。

Import repository

添加环境变量。

Add environment variables

点击部署。现在只要当你将修改 push 到仓库后，Vercel 会自动为你重新部署应用。

使用 Vercel CLI 命令行工具

为了使用命令行工具来部署，你必须先全局安装 Vercel 的命令行工具↗。

npm i -g vercel

运行 vercel↗ 命令来部署你的项目。

vercel

加入参数 --env DATABASE_URL=YOUR_DATABASE_URL_HERE 来指定环境变量的值，例如数据库连接的地址。如果你想要跳过问答，使用默认的部署配置，加入标识 --yes。

vercel --env DATABASE_URL=YOUR_DATABASE_URL_HERE --yes

在第一次部署之后，这个命令会将项目部署到一个预览分支。你在之后的部署中需要加入 --prod 标识来直接将修改 push 到生产环境中。

vercel --prod