使用 React、Gatsby 和 GraphQL 重拾 WordPress 的乐趣

2025-05-27

使用 React、Gatsby 和 GraphQL 重拾 WordPress 的乐趣

我使用 WordPress 已经超过 10 年了。它是一个非常棒的平台,而且毫无疑问,它已经取得了长足的进步,从一个简单的博客发布平台发展成为一个更像 CMS 的系统(尽管这得益于一些 非常棒的 插件)。

但是,Automattic 强行让社区采用 Gutenberg,再加上我对 WordPress 感到厌倦并想要寻求新的挑战,导致我放弃了该平台并转向其他事物。

七个月过去了,我的新雇主让我负责一个 WordPress 项目(嗯),但建议我们试试Gatsby(哈哈)。虽然才过去几周,但我对这个技术栈又重新燃起了热情和乐趣。

原因如下。

1.它让客户满意。

一个十几岁的男孩竖起大拇指的动图

尽管 WordPress 的性能可能不如LaravelDirectus等系统,但它仍然是一个优秀的平台。而且由于它已经非常主流,最终用户对它很熟悉,并且用起来很顺手。

2.它让你快乐。

一位快乐的开发人员,一边编码一边微笑

理所当然,如果你使用一个有趣的技术栈,你就会更享受你的工作。WordPress、React、Gatsby 和 GraphQL 的组合就是如此——充满乐趣。

在接下来的几周内,我将围绕我在本网站建设中使用的一些库、技巧和窍门、方法和系统创建一些内容,这些内容使工作再次变得有趣。

您可以期待:

  1. 使用Bedrock安装无头且更安全的 WordPress
  2. 扩展 REST-API 以充分利用您的 CMS
  3. 使用Gatsby设置你的前端
  4. 了解 Gatsby 如何使用 WordPress 进行自我构建
  5. 学习一些关键的GraphQL查询来提取你需要的内容
  6. 使用 Gatsby 插件替换 WordPress 插件,可以执行以下操作:
    • 表单处理
    • SEO 和 XML 站点地图
    • 图像优化
    • 以及更多...
  7. 部署 Gatsby 网站并使用 WordPress webhook 触发构建

加入我的旅程,让我让 WordPress 开发再次变得有趣


附言:这篇文章将会随着本系列其他文章的撰写而更新链接。

文章来源:https://dev.to/iaremarkus/finding-joy-in-wordpress-again-with-react-gatsby-graphql-303j
PREV
React 教程:初学者综合指南(2023)
NEXT
将 Wordpress 与 React.js 结合使用 什么是无头 CMS 使用 Wordpress 作为我们的后端 我们的 React js 入门应用程序 创建我们的 PostList 组件 创建 PostView 组件 我们的 ReactJS 博客的最后步骤 React js 的性能问题 总结我们的 Wordpress 和 React js 项目