Gatsby 和 WordPress 是一个有趣的组合。一方面,它非常有意义。Gatsby 可以从任何地方获取数据,并且 WordPress 拥有 原生 REST API,这使得它们成为良好的搭配。当然,Gatsby 有一个 一流的插件 用于从 WordPress 获取数据,甚至支持来自流行插件(如 Advanced Custom Fields)的数据。
另一方面,Gatsby 是 JAMstack 世界的一部分,将其与像 WordPress 这样非 JAMstack 的东西结合起来感觉有点奇怪。
以下是我对这种组合的一些随机想法和观察。
- Markus 说这种组合让他能够 “再次享受” WordPress 开发的乐趣。
- 在一个你可以构建 WordPress 网站并在 Netlify 上托管它,并拥有所有其高级开发人员功能(例如构建预览)的世界中,当然很有吸引力。
- Scott Bolinger 对自己的网站进行了五分钟的介绍,其中一些页面可以静态构建,而其他部分则动态加载。
- WordPress 有一个 GraphQL 插件,我想这将是另一种以 Gatsby 友好的方式提取数据的方法。Jason Bahl(wp-graphql 的开发者)现在实际上为 Gatsby 工作,并且将“Gatsby 赞助的开发”作为 插件的 Twitter 简介。目前尚不清楚这是否将成为将来集成 Gatsby 和 WordPress 的默认方法。我有点怀疑,仅仅因为 REST API 不需要任何额外的插件,而 GraphQL 插件需要一些安装工作。根据我的经验,仅仅安装并激活它就会在我的网站上触发致命错误,因此我需要与我的主机一起解决这个问题,因为我非常希望安装它。
- 我们看到关于该主题的大型教程系列,例如 Tim Smith 的 如何使用 WordPress 和 Gatsby.js 构建博客。
- 将 WordPress 网站部署到静态托管似乎是一个巨大的机会,但几乎没有被利用。Gatsby 只是其中的早期参与者,并且专注于以 React 方式重建您的网站。但是,还有其他工具,例如 WP2Static,它声称可以导出 WordPress 网站的静态版本,然后将输出上传到静态主机。Ashley Williams 和 Kristian Freeman 在 此视频中(从大约 20 分钟开始)讨论了这一点,并在 Cloudflare Workers 网站上托管结果。
我最近使用 WP + Gatsby + Netlify 栈构建了一个网站(https://bricsfilmfestival.com.br),我可以告诉你它确实令人愉快。我不得不说,主要的缺点是构建过程。即使它只需要一两分钟,已经使用过 WP 的客户也会错过发布内容并立即在线查看的即时性。在初始部署后,我还需要进行一些调整以避免由错误标记(旧的“从 MS Word 复制”问题)引起的构建错误。
补充两点
1) https://www.getshifter.io/
2) Gatsby + WP 组合确实很有趣。不幸的是,现在这意味着需要更多预算。也就是说,能够并且愿意为 WP 付费,然后为 Gatsby 付费(来修复它)。一定有更好的方法。
如果我们能够像 Prismic 一样获得实时预览……我甚至考虑过在普通的 React 网站中使用我的 Gatsby 组件,以便让营销团队预览某个内容的外观。
我最近尝试混合这两个,并得到了 https://nirvana.netlify.com。
喜欢它。
Gatsby Source WordPress 的未来是 WP Graphql。在这里阅读所有相关信息
https://github.com/gatsbyjs/gatsby/issues/19292
目前正在运行 WP+Gatsby 组合,因为旧网站运行的是 WP,我们不想丢失旧帖子和熟悉的(对于非开发人员)编辑器工具,但现在我们完全迁移到无头 WP 后,仅仅为了编辑器而保留一个带有数据库和 PHP 的服务器似乎……有点过头了。
想法:如果有人想将他们现有的 WordPress 网站(即标准的 WordPress 安装)转换为 Gatsby 网站,并为 CSS-Tricks 撰写文章,那将是一个非常酷的客座文章系列。
……或者 WordPress 和 Gridsome(使用 Vue)可能会更酷
您应该看看 frontity。它是一个一体化的 WordPress、静态网站、服务器端渲染 React 框架。它非常棒。
如果您想让某人撰写关于它的文章,请告诉我。我最近使用它重建了我的作品集网站。
有人听说过 Frontity (frontity.org) 吗?
这对开发者来说可能是一种乐趣,但可能会给客户带来很多障碍。使用这两个不同的系统意味着需要管理更多部分、承担更多技术负担,并且客户的自由度更小。
因此,像 WPStatic 或 Shifter 这样的解决方案,它们专注于 WordPress 本身,可能会以更少的潜在问题获得相同的结果。从业务角度来看,这可能是客户的最佳选择。
视频:Jason Bahl、Muhammad Muhsin:使用 WordPress 与静态网站生成器
感谢 Chris 分享我们的 WordCamp US 视频!
我在使用 WP2Static 时遇到了一些问题。但是,Simply Static 非常棒。它有一段时间没有更新了,但在当前版本的 WordPress (5.3.2) 上仍然运行良好。
Simply Static 的良好指南
https://www.brianshim.com/webtricks/wordpress-static-site-generator/
我还根据 Brian 的内容发布了一篇帖子
https://ryandaniels.ca/blog/guide-to-wordpress-static-site/