跳到内容

44

部署到 Vercel

将 Next.js 部署到生产环境最简单的方法是使用 Next.js 创建者开发的 Vercel 平台。

Vercel 是一个适用于静态和混合应用的无服务器平台,旨在与您的无头内容、商务或数据库集成。我们让前端团队可以轻松开发、预览和发布令人愉悦的用户体验,其中性能是默认设置。您可以免费开始使用——无需信用卡。

创建 Vercel 账户

首先,访问 Vercel 创建一个 Vercel 账户。选择 通过 GitHub 继续 并完成注册流程。

导入你的 nextjs-blog 仓库

注册成功后,在 Vercel 上 导入 你的 nextjs-blog 仓库。你可以在这里进行操作:Vercel

  • 你需要 安装 Vercel for GitHub。你可以授予它访问 所有仓库 的权限。
  • 安装 Vercel 后,导入 nextjs-blog

你可以对以下设置使用 默认值——无需更改任何内容。Vercel 会自动检测你有一个 Next.js 应用,并为你选择最佳的构建设置。

  • 项目名称
  • 根目录
  • 构建命令
  • 输出目录
  • 开发命令

当你部署时,你的 Next.js 应用将开始构建。它应该会在一分钟内完成。

提供帮助:如果你的部署失败,你随时可以在 GitHub Discussions 上获得帮助。要了解更多关于部署的信息,请查阅我们的文档

完成后,你将获得 部署 URL。点击其中一个 URL,你应该会看到 Next.js 启动页面正常运行。

恭喜!你刚刚将 Next.js 应用部署到了生产环境。在下一页,我们将详细介绍 Vercel 和推荐的工作流程。

您已完成本章44

下一章

45:Next.js 和 Vercel