微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

如何构建 next.js 项目并将其手动部署到 Netlify?

如何解决如何构建 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 部分所述(确保具有 publishfunctions 的路径;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 举报,一经查实,本站将立刻删除。