跳至内容

部署你的 Next.js 应用

Next.js 和 Vercel

Vercel是由 Next.js 的创建者打造,并对 Next.js 提供一流的支持。当你将你的 Next.js 应用部署到Vercel时,默认情况下会发生以下情况

Vercel还有许多其他功能,例如

  • 自定义域名: 一旦部署到Vercel,你可以为你的 Next.js 应用分配一个自定义域名。查看我们的文档此处。
  • 环境变量: 你也可以在Vercel上设置环境变量。查看我们的文档此处。然后你可以在你的 Next.js 应用中使用这些环境变量
  • 自动 HTTPS: HTTPS 默认启用(包括自定义域名),无需额外的配置。我们自动续订 SSL 证书。

你可以在Vercel文档.

中了解有关平台的更多信息。

每次推送的预览部署

以下步骤是可选的 - 你可以尝试一下或直接阅读。Vercel部署到

  • 后,如果你可以的话,尝试执行以下操作
  • 在你的应用上创建一个新的分支
  • 进行一些更改并推送到 GitHub。

创建一个新的拉取请求GitHub 帮助页面)。

你应该会在拉取请求页面上看到 vercel 机器人发布的评论。

尝试点击此评论中的预览 URL。你应该会看到你刚刚所做的更改。Vercel当你打开一个拉取请求时,

会在每次推送时自动为该分支创建一个预览部署。预览 URL 将始终指向最新的预览部署。

你可以与你的协作者共享此预览 URL 并获得即时反馈。Vercel如果你的预览部署看起来不错,将其合并到 main。当你这样做时,

会自动创建一个生产部署。

开发、预览、发布

  • 我们刚刚经历了我们称为DPS的工作流程:Develop(开发)、Preview(预览)和Ship(发布)。
  • 开发:我们使用 Next.js 编写了代码,并使用了正在运行的 Next.js 开发服务器来利用其热重载功能。Vercel预览:我们已将更改推送到 GitHub 上的分支,并且
  • 创建了一个可以通过 URL 访问的预览部署。我们可以与他人共享此预览 URL 以获取反馈。除了进行代码审查外,你还可以进行部署预览

发布:我们已将拉取请求合并到 main 以发布到生产环境。

我们强烈建议在开发 Next.js 应用时使用此工作流程 - 它将帮助你更快地迭代你的应用。