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

• 使用静态生成的页面和资产（JS、CSS、图像、字体等）将自动从速度极快的Vercel CDN 提供。
• 使用服务器端渲染和API 路由的页面将自动成为独立的Serverless Functions。这允许页面渲染和 API 请求无限扩展。

Vercel 还有许多其他功能，例如：

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

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

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

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

每次推送的预览部署

以下步骤是可选的——您可以尝试一下，也可以只阅读。

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

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

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

尝试单击此评论中的预览 URL。您应该会看到刚刚进行的更改。

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

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

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

开发、预览、发布

我们刚刚经历了我们称之为 DPS 的工作流程：Develop（开发）、Preview（预览）和 Ship（发布）。

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

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