跳到内容

44

部署到 Vercel

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

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

创建 Vercel 账户

首先,访问 Vercel 创建一个 Vercel 账户。选择 Continue with 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