展示 Postlight 的 WordPress + React Starter Kit

博主前些天发现了一个巨牛巨好用的刷题网站,忍不住分享一下给大家,👉点击跳转到网站

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

⭐️ 好书推荐

《RHCSA/RHCE8红帽Linux认证学习教程》

在这里插入图片描述

【内容简介】

本书从零基础开始讲解,系统介绍了RHCE8的相关知识,以帮助读者快速了解及熟练掌握RHCE8的相关操作,是一本高品质的RHCE认证的学习书籍。本书分为9篇,共35章。第1篇主要介绍基本配置;第2篇主要介绍用户及权限管理;第3篇主要介绍网络相关配置;第4篇主要介绍存储管理;第5篇主要介绍系统管理;第6篇主要介绍软件管理;第7篇主要介绍安全管理;第8篇主要介绍容器管理;第9篇主要介绍自动化管理工具ansible的使用。

📚 京东自营购买链接:《RHCSA/RHCE8红帽Linux认证学习教程》

  • 23
    点赞
  • 21
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 24
    评论
根据提供的引用内容,似乎您想了解如何在Vue3中使用TypeScript和React。Vue3和React是两个不同的框架,不能同时使用。如果您想在Vue3中使用TypeScript,可以按照以下步骤进行操作: 1.安装Vue CLI并创建一个新项目: ```shell npm install -g @vue/cli vue create my-project ``` 2.在创建的Vue项目中安装TypeScript: ```shell cd my-project vue add typescript ``` 3.现在您可以在Vue3项目中使用TypeScript了。例如,在Vue组件中使用TypeScript: ```typescript <template> <div>{{ message }}</div> </template> <script lang="ts"> import { defineComponent } from 'vue' export default defineComponent({ data() { return { message: 'Hello World!' } } }) </script> ``` 如果您想在Vue3中使用React,可以使用Vue3的Composition API来实现。以下是一个使用Vue3和React的示例: ```typescript <template> <div> <h1>{{ title }}</h1> <ReactComponent :message="message" /> </div> </template> <script lang="ts"> import { defineComponent, ref } from 'vue' import { createApp } from 'vue' import React from 'react' import ReactDOM from 'react-dom' const ReactComponent = defineComponent({ props: { message: { type: String, required: true } }, mounted() { const el = document.createElement('div') document.body.appendChild(el) ReactDOM.render(<div>{this.message}</div>, el) } }) export default defineComponent({ setup() { const title = ref('Vue3 + React') const message = ref('Hello World!') return { title, message } }, components: { ReactComponent } }) </script> ```

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 24
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

海拥✘

“听说赞赏的人运气会爆棚哦!”

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值