Netlify 上的 Sanity + Next.js

Question

完全迷失在这里。我正在构建一个网站，使用 Sanity 作为后端，Next.js 作为前端，并将其部署在 netlify 上进行生产。 但是，无法让它工作。

有人有解释如何部署此类项目的最新文章的链接吗？

我面临的问题是：

1. 当尝试在 netlify 上部署 next.js 应用程序时，它不会呈现样式和 js 逻辑。我只得到 HTML。
2. 无法弄清楚如何将 sanity studio 添加到我的部署中。遵循了在互联网上找到的几篇文章（以及理智网站上的一些文章），但似乎所有文章都已过时，因此都不起作用。 由于某种原因，我在 sanity 项目中的 React 版本是 17，但是在下一个 js 项目中是 18。当我尝试在 sanity 项目中运行 NPM install 时，我收到了错误：

npm 错误！无法解决依赖关系： npm 错误！根项目中的 sanity-plugin-dashboard-widget-netlify@"^1.3.2" npm 错误！ npm 错误！对等依赖冲突：@sanity/[email protected]

但是，在本地主机上一切正常。

3. 我应该如何部署我的项目？我那里有 2 个文件夹。一个叫做 Studio - 这是我的理智工作室（后端）。第二个称为网络。这是 NextJs 应用程序 - 我的前端。

请告诉我您需要什么信息。我什至不确定我还能在这里分享什么，以便您更轻松地帮助我。我想我只需要了解 Sanity-nextjs-netlify 部署的一般工作原理

Answer 1

我有一个解决方法，

• 使用

  npx sanity build public 

  ，
• 并输入

  n

  不删除终端中的 public，
• 之后将index.html公开更改为studio.html。
• 现在将其添加到 netlify.toml 中，

[[redirects]]
  from = "/studio/*"
  to = "/studio.html"
  status = 301
  force = true

正常部署并尝试通过/studio访问