Next.js静态网站导出中的动态组件

时间:2019-11-11 13:55:02

标签: next.js

我想使用Next.js静态网站导出,但我也想在模板中包含动态组件,这样就不必每次更改时都进行构建,例如,“导航”组件。从我阅读的内容来看,这似乎不可能吗?除了创建单独的客户端构建步骤之外,是否还有其他解决方法?

1 个答案:

答案 0 :(得分:1)

下一步正在努力允许将静态+ SSR生成的站点组合在一起,但还不存在。我目前看到一些选项:

  1. 您可以导出静态站点,但是让该静态站点进行api调用等。因此,您可以通过api调用加载导航或其他内容。好处-没有新的构建。缺点-那些链接/标记对搜索引擎不可用,并且最初不会显示给用户。
  2. 如果您使用的是CMS和CI系统(例如,WordPress用于内容,Travis用于CI),则可以在WordPress中设置网络钩子或功能以在内容更改时触发并触发Travis的重建和部署。 / li>
  3. 执行完整的SSR。它仍然向浏览器提供完全呈现的“静态”页面,它在构建时不是静态HTML文件,而在运行时是一个静态HTML文件。如果您需要立即为用户呈现动态内容,并且不想每次更改都进行构建,这是最好的选择。