Jump to content

Vercel

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

项目配置

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

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

使用 Vercel 管理面板

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

New project on Vercel

  1. 从 GitHub 仓库导入你的项目。

Import repository

  1. 添加环境变量。

Add environment variables

  1. 点击部署。现在只要当你将修改 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