用React阻止加载时间从CMS提取数据的最佳方法?

问题描述

所以我想使用wordpress作为CMS来管理内容,并使用React来为客户开发网站。

我知道将Graphql与Gatsby或Next.js结合使用可以提取CMS内容并为每个项目生成静态页面,当用户访问网站时,它可以立即加载而无需任何加载时间。这是完美的,但是在部署网站时,必须使用Netlify之类的服务或类似服务才能在CMS更新时触发新的构建。 这是一个问题,因为客户端希望对CMS和网站使用相同的托管服务。

其他选项是在用户首次访问站点时加载所有数据,并使用Context API保存。但这可能要花很长时间,而且对用户体验来说确实很糟糕……

那么,有什么方法可以获取所需的数据,并且用户可以看到页面呈现而无需加载时间吗?为了能够将静态文件wordpress CMS一起部署到客户端托管服务。

在此先感谢您,如果我不能更明确地表示歉意。

解决方法

您需要的称为webhook。基本上,Webhook是一种应用程序在实时发生新事件(例如创建,修改,删除帖子或任何种类的内容)时通知另一应用程序的方法。

Netlify(或类似),因为它是CD( C 连续的 D 部署”工具),因此添加了此功能,因为所有内容都是PR( P ull R equest),因此,一旦完成向master分支的推送,就会触发部署。

以相同的方式,您可以在任何CMS中从头开始构建Webhook,当然,您需要在两侧进行开发以实现相同的功能,但是它比异步加载内容要好得多,后者将具有巨大对SEO的负面影响。