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

Question

根据文档，Netlify 通过 Essential Build Plugin 支持 next.js 并通过 CLI command 手动部署，但是如何将两者结合使用在我自己的 CI 中构建 next.js 项目并仅将构建输出部署到 Netlify？

插件页面提到了“链接”，即它假设项目通过 Git 存储库连接并由 netlify 构建，而不是由我自己的 CI 在本地构建。

Answer 1

好的，终于搞定了。总结一下，以防其他人觉得它有用：

• 安装包 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 并成功完成第一次成功部署）以绕过将来的登录和站点选择