next.js - 如何在 Vercel 上托管 Next.js 静态网站而不运行构建?
问题描述
我制作了一个完全静态的网站。我可以通过在本地运行以下命令来获取输出文件
next build && next export
产生一个输出文件夹out
我想简单地将out
文件夹放在 Vercel 上,但我不知道该怎么做。当我将我的 GitHub 存储库连接到 Vercel 时,它想要构建整个项目,但是我只想给它一个out
文件夹,而不是让它运行构建过程。
解决方案
转到 Vercel 仪表板 > 您的站点 > 设置 > 构建和开发设置:
如上所述配置设置后,确保out
目录不存在.gitignore
,然后触发构建(部署>烤肉菜单>重新部署)。
请注意,使用“其他”作为框架预设可能看起来好像代码不会像其他 Next.js 项目那样进行优化。这不是真的。它不会影响您网站的性能,并且资产仍将由 Vercel 的边缘网络提供服务。我认为以这种方式部署和使用 Next.js 预设部署静态导出的应用程序之间没有任何区别;除了后者会消耗你的构建时间(我认为这在 Vercel 上并不重要)。
推荐阅读
- python - 如何获取不包含在 .content 中的 HTML 标记中的文本?
- jquery - 两个输入元素在焦点事件上返回相同的 ID
- ios - PDFTron 更改箭头注释方向 iOS
- java - 如何在 Java 中建模 PDDL 案例
- access-token - 获取 Myob AccountRight API 访问令牌错误
- angular - 从源“http://localhost:4200”访问“http://site.local/api/v1/profiles”的 XMLHttpRequest 已被 CORS 策略阻止:
- javascript - Google 折线图的问题 - 注释和图例位置
- php - PHP 打开不需要的第二个会话
- opencv - 在 OpenCV 中保存图像会增加图像大小
- php - 方向顺序无效