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

Posted 2023-02-22

【中文标题】使用 nextjs 渲染 html 页面的特定部分

【英文标题】：Use nextjs to render a specific part of html page

【发布时间】：2020-10-30 04:56:10

【问题描述】：

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

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

我尝试修改page/_document，但没有成功。

你知道我该怎么做吗？

【参考方案1】：

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

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

见Add HTML header to Document.js example