我们可以把开发好的 Next.js 应用部署到一些第三方服务端提供的服务上，比如 Vercel 就是其中的一个，在这个平台我们可以部署不同类型的前端应用，Vercel 是 Next.js 框架的作者。先在 vercel.com 这个网站上注册一个帐户，登录以后打开 Dashboard，一会儿部署成功的应用会出现在这个地方。

在终端，npm install vercel 加上 --global 选项，这样可以在系统的全局安装一下 vercel 命令行工具。安装成功以后，执行一下 vercel login 登录一下，执行 Continue with Github，使用 Github 帐户登录。

成功以后，在项目的下面，输入 vercel deploy，执行一下这个部署命令，这个命令会问我们一些问题，首先提示是否要部署当前这个项目，输入 Y 然后回车。

然后让我们选择部署的范围，使用默认的就行，直接回车。是否要链接到已有项目，输入 n 表示不链接已有项目。再输入项目的名字，直接回车。项目的代码在哪里，一个点加上一条斜线表示当前目录的下面。

vercel 可以自动检查出要部署的这个项目用的是 Next.js 框架，默认给出了一些配置，是否要修改这些设置，输入 n 表示不修改。这样 vercel 会自动创建项目，然后部署应用。

回到项目，在项目根目录的下面，会多出一个 .vercel 目录，里面有个 project.json 文件，这个文件里记录了我们的项目在 vercel 上的组织的 ID，还有项目的 ID。

再回到 vercel 网站的 dashboard 页面，这里会出现刚刚通过命令行成功部署的这个项目。打开这个项目，然后点击 Visit ，可以直接预览成功部署的这个 Next.js 应用。

查看一下页面的源代码，可以检查一下是否对页面做了预渲染。再检查一下内容页面上的图像，看一下是否使用了图像优化。

自定义域名

访问 vercel.app 这个域名的时候可能会遇到网络问题，我们可以使用自定义的域名，提前配置好域名，指向 vercel 。然后打开这个项目，打开项目的 settings，再打开 domains，在这里可以配置一下项目的域名。

输入要添加的域名，我这里就是 ninghao-next.ninghao.co，点击 “Add” 添加。Vercel 会自动为这个域名签发 ssl 证书。

完成以后，访问一下这个自定义的域名。打开的就是我们的这个 Next.js 应用。