如何将 Next.js 应用程序部署到 Vercel ？
简介： Vercel 是前端开发人员使用的部署工具，可以在不了解复杂配置的情况下即时部署和托管 Web 应用程序。
Vercel 的特点：
- 易于使用并提供终身免费层级服务，这对于希望以最少的支持部署其副项目的初学者来说是有益的。
- 可以使用 GitHub、GitLab、Bitbucket 或电子邮件创建帐户。
- 允许开发人员使用启用 HTTPS 的自定义域。
- 可用于构建无限的网站和 API。
- 数据的变化导致网页的自动推送，从而减少静态生成的约束。
- 高性能边缘网络导致更快的路由。
- 每个拉取请求都有其预览 URL，这在运行测试或收集反馈时很有用。
第 1 步：创建 Next.js 应用并设置 Vercel 帐户：通过运行以下命令创建 Next.js 应用：
npx create-next-app要么
yarn create next-app 创建 Next.js 应用程序后，转到 Vercel 网站并使用 GitHub/Email-id 注册以创建一个帐户。要部署我们的应用程序，我们需要安装 Vercel CLI。运行以下命令全局安装 Vercel（您也可以在项目文件夹中本地安装 Vercel）。
npm i -g vercel要检查我们的机器中是否安装了 vercel，请运行以下命令：
vercel --version如果 vercel 安装正确，它将安装最新版本，即23.0.0
通过运行以下命令登录到您的 vercel 帐户
vercel login系统将提示您以下问题 - 输入您的电子邮件：输入您的邮件进行确认。
第 2 步：部署：登录后，为了部署 Next.js 项目，您需要运行“vercel”命令。
vercel该命令将显示最新的 Vercel 版本并询问以下问题：
- 设置和部署“~/projectname”？ [是/否]：
- 您要部署到哪个范围？
- 链接到现有项目？ [是/否]
- 你的项目名称是什么？
- 您的代码在哪个目录中？
- 想要覆盖设置？ [是/否]
完成这些问题后，前往您的 Vercel 帐户并单击“访问”按钮以在 Vercel 上查看您的项目。
注意：从命令行部署项目后，Vercel 会创建一个 .包含project.json文件的vercel文件夹。此文件包含机密的orgId和projectId键， “不应”推送到 Git。
第 3 步（可选）：使用 Git 和 GitHub 实现自动化： Vercel 会自动部署对您的 Git 存储库所做的任何更改。每次创建新的拉取或合并请求时，Vercel 都会创建一个新的构建并设置一个新的部署。