首页 > 解决方案 > 如何在 Vercel 上托管 Next.js 静态网站而不运行构建?

问题描述

我制作了一个完全静态的网站。我可以通过在本地运行以下命令来获取输出文件

next build && next export产生一个输出文件夹out

我想简单地将out文件夹放在 Vercel 上,但我不知道该怎么做。当我将我的 GitHub 存储库连接到 Vercel 时,它想要构建整个项目,但是我只想给它一个out文件夹,而不是让它运行构建过程。

标签: next.jsvercel

解决方案


转到 Vercel 仪表板 > 您的站点 > 设置 > 构建和开发设置:

如上所述配置设置后,确保out目录不存在.gitignore,然后触发构建(部署>烤肉菜单>重新部署)。


请注意,使用“其他”作为框架预设可能看起来好像代码不会像其他 Next.js 项目那样进行优化。这不是真的。它不会影响您网站的性能,并且资产仍将由 Vercel 的边缘网络提供服务。我认为以这种方式部署和使用 Next.js 预设部署静态导出的应用程序之间没有任何区别;除了后者会消耗你的构建时间(我认为这在 Vercel 上并不重要)。


推荐阅读