【问题标题】:Dynamic components in Next.js static site exportNext.js 静态站点导出中的动态组件
【发布时间】:2020-03-07 05:20:12
【问题描述】:

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

【问题讨论】:

    标签: next.js


    【解决方案1】:

    Next 正在努力允许组合静态 + SSR 生成站点,但它们还没有。我目前看到几个选项:

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

    【讨论】:

    • 感谢您的回答。在我看来,我们已经选择了第一个建议,因为它是最灵活的。 #2 我们有大量帖子,因此在更改时重建所有这些帖子不是一个可行的选择。 #3 我们更喜欢静态页面,因为据我了解,呈现静态 html 比 SSR 性能更高。
    猜你喜欢
    • 1970-01-01
    • 2022-10-22
    • 2021-09-29
    • 2019-08-15
    • 2020-08-06
    • 1970-01-01
    • 2021-06-14
    • 2019-10-06
    • 2021-04-24
    相关资源
    最近更新 更多