使用 nextjs 渲染 html 页面的特定部分

Question

我正在尝试将 nextjs 用于我网站的一部分。
导航栏已经存在于其他框架中，甚至没有反应。 我想在<div id="nextjs_div">...</div>中使用 nextjs，即。 只是我网站的一部分。

问题是 nextjs 渲染了一个带有头部和主体组件的整个 HTML 页面。 所以我想要的基本上是删除这些组件并只渲染一个将安装在我的页面中的 div。

我试图修改page/_document但未能成功。

你知道我该怎么做吗？

Answer 1

Next.js 是一个旨在创建完整页面的框架，并且很可能不适合用于创建页面的一部分的工具。 那时你可以只使用 React。

如果您可以从导航栏制作 HTML，那么您可以将其插入 Next.js 项目中。

请参阅将 HTML header 添加到 Document.js 示例