部署到 Vercel
将 Next.js 应用部署到生产环境的最简单方式是使用由 Next.js 创建者开发的 Vercel 平台。
Vercel 是一个为静态和混合应用打造的无服务器平台,可与您的内容管理系统 (headless content)、电商平台或数据库无缝集成。我们让前端团队能够轻松开发、预览和交付卓越的用户体验,且默认具备高性能。您可以免费开始使用——无需信用卡。
创建 Vercel 账户
首先,访问 Vercel 创建账户。选择 通过 GitHub 继续 并完成注册流程。
导入您的 nextjs-blog
仓库
注册完成后,在 Vercel 上 导入 您的 nextjs-blog
仓库。您可以通过此链接操作:Vercel。
- 您需要 安装 Vercel for GitHub。可以授予其访问 所有仓库 的权限。
- 安装 Vercel 后,导入
nextjs-blog
项目。
以下设置可直接使用 默认值 —— 无需修改任何配置。Vercel 会自动检测到您拥有 Next.js 应用,并为您选择最优构建设置。
- 项目名称 (Project Name)
- 根目录 (Root Directory)
- 构建命令 (Build Command)
- 输出目录 (Output Directory)
- 开发命令 (Development Command)
部署时,您的 Next.js 应用将开始构建。通常在一分钟内即可完成。
获取帮助:如果部署失败,您随时可以在 GitHub Discussions 寻求帮助。要了解更多部署信息,请查阅 我们的文档。
完成后,您将获得 部署 URL。点击任意 URL 即可看到 Next.js 初始页面已上线。
恭喜!您已成功将 Next.js 应用部署至生产环境。在下一页,我们将详细介绍 Vercel 平台及其推荐的工作流程。