Vercel 由 Next.js 的创建者制作，并为 Next.js 提供一流的支持。当您将 Next.js 应用程序部署到 Vercel 时，默认情况下会发生以下情况

• 使用静态生成的页面和资源（JS、CSS、图像、字体等）将自动从 Vercel CDN 提供服务，速度非常快。
• 使用服务器端渲染和API 路由的页面将自动成为隔离的 无服务器函数。这允许页面渲染和 API 请求无限扩展。

Vercel 还有更多功能，例如

• 自定义域名： 一旦部署在 Vercel 上，您可以为您的 Next.js 应用程序分配一个自定义域名。请查看我们的文档。

• 环境变量： 您还可以在 Vercel 上设置环境变量。请查看我们的文档。然后，您可以在您的 Next.js 应用程序中使用这些环境变量。

• 自动 HTTPS： 默认启用 HTTPS（包括自定义域名），无需额外配置。我们会自动续订 SSL 证书。

您可以在 Vercel 文档 中了解有关该平台的更多信息。

每次推送的预览部署

以下步骤是可选的 — 您可以尝试一下，或者只是通读一遍。

部署到 Vercel 后，如果您可以，请尝试执行以下操作

• 在您的应用程序上创建一个新的 分支。
• 进行一些更改并推送到 GitHub。
• 创建一个新的 拉取请求（GitHub 帮助页面）。

您应该在拉取请求页面上看到 vercel 机器人的一条评论。

尝试点击此评论内的 预览 URL。您应该看到您刚刚所做的更改。

当您打开拉取请求时，Vercel 会在每次推送时自动为该分支创建预览部署。预览 URL 将始终指向最新的预览部署。

您可以与您的协作者共享此预览 URL 并获得即时反馈。

如果您的预览部署看起来不错，请将其合并到 main。当您这样做时，Vercel 会自动创建生产部署。

开发、预览、发布

我们刚刚经历了我们称之为 DPS 的工作流程：D 开发 (Develop)、P 预览 (Preview) 和 S 发布 (Ship)。

• 开发 (Develop)：我们已经在 Next.js 中编写了代码，并使用了运行中的 Next.js 开发服务器来利用其热重载功能。
• 预览 (Preview)：我们已将更改推送到 GitHub 上的分支，并且 Vercel 创建了一个预览部署，该部署可通过 URL 访问。我们可以与其他人共享此预览 URL 以获得反馈。除了进行代码审查之外，您还可以进行部署预览。
• 发布 (Ship)：我们已将拉取请求合并到 main 以发布到生产环境。

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