如何在 JAMstack 上创建无头 WordPress 网站

Desknumber

在这篇文章中，我们将为无头 WordPress 设置一个演示网站和教程，包括入门模板！我们将使用 WordPress 仪表板进行丰富的内容编辑，同时将前端架构迁移到 JAMstack，以获得更好的安全性、性能和可靠性。我们将通过 Nuxt 设置一个 Vue 应用程序，通过 WordPress API 从我们的应用程序中提取帖子来完成此操作。 本文得到了我们亲爱的朋友 Netlify 的大力支持，这是一个用于自动化现代 Web 项目的一体化平台。 谢谢！ 网络化 在本系列的第一篇文章中，我们介绍了 Smashing Magazine 从 WordPress 到 JAMstack 的历程。

我们介绍了更改的原因、随之而来的好处以及在此过程中遇到的障碍。 与任何大型工程项目一样，团队从另一端出来，更多地了解项目中的成功和失败的范围。在这篇文章中，我们将建立一个演示站 电子邮件营销列表 点和教程，说明我们当前对大规模 WordPress 项目的建议：保留 WordPress 仪表板以进行丰富的内容编辑，同时将前端架构迁移到 JAMstack 以获得更好的效果安全性、性能和可靠性。 我们将通过使用 Nuxt 设置 Vue 应用程序来实现此目的，并以无头方式使用 WordPress — 通过 WordPress API 从我们的应用程序中提取帖子。



演示位于此处，开源存储库位于此处。如果您想跳过以下所有步骤，我们为您准备了一个模板。您可以点击下面的部署按钮并根据您的需要进行修改。 以下是我们如何设置这一切的综合教程。让我们深入挖掘吧！ 输入 WordPress REST API WordPress 最有趣的功能之一是它包含一个开箱即用的 API。它自 2016 年底在 WordPress 中发布以来就已存在，随之而来的是使用 WordPress 新方式的机会。有哪些方法呢？好吧，我们今天最感兴趣的是它如何实现 WordPress 内容和前端的分离。