如何解决如何构建 next.js 项目并将其手动部署到 Netlify?
根据文档,Netlify 通过 Essential Build Plugin 支持 next.js 并通过 CLI command 手动部署,但是如何将两者结合使用在我自己的 CI 中构建 next.js 项目并仅将构建输出部署到 Netlify?
插件页面提到了“链接”,即它假设项目通过 Git 存储库连接并由 netlify 构建,而不是由我自己的 CI 在本地构建。
解决方法
好的,终于搞定了。总结一下,以防其他人觉得它有用:
- 安装包
netlify-cli
和@netlify/plugin-nextjs
- 在项目根目录中创建
netlify.toml
,如插件自述文件的 this 部分所述(确保具有publish
和functions
的路径;functions
服务器端渲染和 API 处理程序需要;这两个目录都将在构建期间用于构建输出) - 如果使用 Git,请将路径和
.netlify
(另一个“临时”目录)添加到.gitignore
以从您的存储库中排除构建输出 -
重要(找到信息 in the documentation of the former/outdated next-on-netlify project,没有它就无法部署):将
target: "experimental-serverless-trace"
添加到next.config.js
- 对于初始设置:
netlify login
到您的帐户,运行netlify deploy --build
一次,选择一个站点名称 - 如果您想在 CI 中运行部署,请配置环境变量
NETLIFY_AUTH_TOKEN
(使用来自 Netlify UI 的“个人访问令牌”)和NETLIFY_SITE_ID
(在选择一个name 并成功完成第一次成功部署)以绕过将来的登录和站点选择
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。