如何在没有 运行 构建的情况下在 Vercel 上托管 Next.js 静态网站?
How to host Next.js static website on Vercel without running build?
我制作了一个完全静态的网站。我可以通过 运行 在本地执行以下命令来获取输出文件
next build && next export
生成输出文件夹 out
我只想将 out
文件夹放在 Vercel 上,但我不确定该怎么做。当我将我的 GitHub 存储库连接到 Vercel 时,它想要构建整个项目但是我只想给它 out
文件夹而不是 运行 构建过程。
转到 Vercel 仪表板 > 您的站点 > 设置 > 构建和开发设置:
如上配置后,确保 out
目录不在 .gitignore
中,然后触发构建(部署 > Kebab 菜单 > 重新部署)。
请注意,使用“其他”作为框架预设可能看起来好像代码不会像其他 Next.js 项目一样进行优化。这不是真的。它不会影响您网站的性能,并且资产仍将由 Vercel 的边缘网络提供服务。我认为以这种方式部署与使用 Next.js 预设部署静态导出的应用程序之间没有任何区别;除了后者会消耗你的构建时间(我认为这对 Vercel 来说无关紧要)。
我制作了一个完全静态的网站。我可以通过 运行 在本地执行以下命令来获取输出文件
next build && next export
生成输出文件夹 out
我只想将 out
文件夹放在 Vercel 上,但我不确定该怎么做。当我将我的 GitHub 存储库连接到 Vercel 时,它想要构建整个项目但是我只想给它 out
文件夹而不是 运行 构建过程。
转到 Vercel 仪表板 > 您的站点 > 设置 > 构建和开发设置:
如上配置后,确保 out
目录不在 .gitignore
中,然后触发构建(部署 > Kebab 菜单 > 重新部署)。
请注意,使用“其他”作为框架预设可能看起来好像代码不会像其他 Next.js 项目一样进行优化。这不是真的。它不会影响您网站的性能,并且资产仍将由 Vercel 的边缘网络提供服务。我认为以这种方式部署与使用 Next.js 预设部署静态导出的应用程序之间没有任何区别;除了后者会消耗你的构建时间(我认为这对 Vercel 来说无关紧要)。