【问题标题】:Updating content in a static Nuxt website更新静态 Nuxt 网站中的内容
【发布时间】:2021-08-15 01:45:46
【问题描述】:

我使用 Nuxt SSR 构建了多个站点,但从未接触过静态部分。

据我所知,在构建时,Nuxt 会自动执行所有 API 调用并缓存它们。

如果我想用静态 Nuxt 站点创建博客,我将如何更新内容?只有在我重建应用程序时才有可能吗?

每次添加新博文时似乎都没有必要重新构建所有内容。使用 SSR,我只需重新加载页面。

还想指出,我有一个在 VPS 上运行的 Strapi.js 后端,我通常每周进行更改。 Nuxt's docs 表示我需要将更改推送到主 repo 分支,但前端没有更改。

这是否也意味着无头 cms 应该只是本地的?

【问题讨论】:

    标签: vue.js static nuxt.js


    【解决方案1】:

    静态构建的全部意义在于拥有所有生成的文件,而不需要额外的服务器 Node.js 服务器。它大大降低了成本,消除了故障点,摒弃了任何关于服务器收费的概念(您的应用同时使用的用户数量)以及可能还有其他一些优势。

    不利的是,如果在代码库中添加/更改了某些内容,您确实需要再次 yarn generate 整个应用程序。通常它非常快,如果我没记错的话,还会有增量构建(您不会重新生成所有 99 篇旧博客文章,而只会重新生成第 100 篇,即新的)。

    像 Strapi 这样的无头 CMS 通常与 webhook 一起使用:您添加新的 CMS 文章或类似内容,Strapi 会通知您的 JAMstack 平台重建您的应用程序。即使没有更改前端代码,您也可以强制使用来自无头 CMS 的 API 的新数据来构建它。

    【讨论】:

    • 最后一部分是我需要的。仍然需要弄清楚如何在我的 VPS 上做到这一点。
    • 在这种情况下,您可能需要手动执行此操作。或者只使用 Netlify 或 Vercel。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-02-22
    • 2023-02-13
    • 1970-01-01
    相关资源
    最近更新 更多