📜  展示 Postlight 的 WordPress + React Starter Kit

📅  最后修改于: 2022-05-13 01:56:45.300000             🧑  作者: Mango

展示 Postlight 的 WordPress + React Starter Kit

WordPress+ React 入门工具包

认识Post light 的 WordPress + React Starter Kit ,这是一个免费的、从零到圣徒的工具箱,适用于需要在自己的 PC 上轻松评估无头 WordPress 的建筑师和物品爱好者。

这个入门单元会在两个阶段启动一个带有响应前端的 WordPress 后端,与 WP REST 编程接口进行对话。要使用它,请克隆保管库。第一个订单在您的 PC 上引入并启动 WordPress,第二个订单开始一个为响应前端提供服务的周期。从那时起,您就可以开始从自己的 WordPress 站点引入信息,并根据自己的需要更改后端和前端。

Post light 在前一年左右为我们的客户发送了一些带有响应前端的无头 WordPress 企业,我们厌倦了不断重复底层的跑腿工作。此入门包将设置无头的所有手动步骤计算机化。我们在内部使用它来开始新的 WordPress 任务,并且我们使它变得足够常规,您也可以这样做。

商业案例:为什么选择无头 WordPress?

在我们与不同客户的合作中,我们看到了一些情况、业务原因和项目先决条件,这些情况使带有响应前端的 WordPress 后端成为好兆头。

您的文章组知道并喜欢 WordPress,但是您的项目和技术组需要利用当今的网络改进工具和标准来构建站点或潜在的可移植应用程序。

您需要将网站的前端与后端隔离开来,以解耦您的基础的基础部分,并使其更强大和适应性强。

您需要 WordPress 网站的前端快速且用途广泛。 (很大程度上取决于您的具体设计,但从叙述上讲,我们看到在将前端推进到 Respond 之后,客户站点的反应时间大幅下降。)

您的项目和设计团队需要将前端开发归零并解决对您的业务明确的新问题,并影响 WordPress 目前提供的所有内容。

您的内容并非都存在于 WordPress 上。您的网站或应用程序需要与一些 API 进行对话,您的 WordPress 内容只是其中之一,而使用 JavaScript 前端来做到这一点更简单。

您已准备好将您的网站从 WordPress 移至另一个解耦的 CMS,但需要零碎地进行 —

首先是前端,然后是后端。您正在制作一个新的开箱即用的新 JavaScript 组合网站,时间紧迫,而且您没有机会在没有任何准备的情况下制造为其提供动力的 CMS。

由于 REST 编程接口已经在 WordPress 中使用了大约一年,因此具有响应功能的无头 WordPress 在特定情况下的功能令人钦佩。尽管如此,与任何创新安排一样,都需要权衡取舍。

我们与需要完全摆脱 WordPress 以从他们的堆栈中取出PHP和 MySQL 的客户合作过,这是无头 WordPress 无法解决的一个问题。你还在运行 WordPress,这意味着你应该拥有并保持它以及你正在使用的任何模块,并且一定要对编程接口的服务以及它的工作方式进行一些自定义。 Headless WordPress 要求您的设计团队有一些 WordPress/ PHP能力,但是您可以将这项工作分离给后端工程师,并释放您的前端工作能力以忽略 WordPress 的内部活动,只需注意如何查询 WP 编程界面.

专业的细微之处:如何做无头 WordPress?

当您克隆 Postlight 的 WordPress + React Starter Kit 时,您将获得以下内容:引导中心 WordPress 机构的安装程序内容。

注意:此内容在本地介绍 MySQL 和 WordPress,我们发现虚拟机的想法很棒,但实际操作起来却适中且笨拙。

您必须设置自定义帖子类型和自定义字段(Progressed Custom Fields Master 和自定义帖子类型 UI)的 WordPress 模块。

WordPress 模块在 WP REST 编程接口(ACF 到 WP 编程接口和 WP-REST 编程接口 V2 菜单)中发现那些自定义字段和 WordPress 菜单。

除了用于简单调查的有价值的日志记录功能外,无头需要的所有入门 WordPress 主题代码和设置,包括漂亮的永久链接、CORS 许可起始标头。一种使用 WP Move DB Master 有效地从网络上任何地方的当前 WordPress 机构引入信息的工具,并且它与模块一起使用(需要许可)。

由 Next.js 控制的入门前端响应应用程序。对于一些 WordPress 控制的语言环境,网站设计增强(网站改进)是主要的,而一些网络爬虫(如 Google 新闻)无法解析不是常规 HTML 的目标。 Next.js 使工作人员端的响应交付变得简单,因此您可以获得交付的 HTML 页面的网站设计增强优势,就像客户端响应的可想象结果一样。

注意:对于更适中的范围语言环境,静态站点生成器或简单的客户端响应可能会满足您的所有项目需求。

一个前端应用程序 Docker 隔间和监控它的内容,用于有效地将其传送给任何支持 Docker 的供应商(AWS Versatile Beanstalk、谷歌云或现在通常是令人难以置信的替代品)。

有许多方法可以设置和设计无头 WordPress,并且您可以在前端使用无数的响应库和结构来完成您的工作。这个入门单元讲述了我们在 Postlight 所做的一种方式的基础,接受这个作为建议,使用你喜欢的东西,扔掉你不喜欢的东西,然后重做你的必需品。