Das Gatsby Source WordPress-Plugin, die offizielle WordPress-Integration von Gatsby Cloud, wurde mit der Version 4 als stabil markiert und für die Öffentlichkeit freigegeben. Das Plugin bezieht Daten von WordPress für Headless-Setups, die Gatsby auf dem Frontend verwenden. Es ist ein kompletter Rewrite des bisherigen Gatsby Source Plugins und arbeitet in Kombination mit dem WPGatsby Plugin, um Content Preview und inkrementelle Builds von Gatsby Cloud zu integrieren.
Nachdem es im letzten Jahr in die öffentliche Beta ging, wurde das neue Source-Plugin aktualisiert, um Folgendes zu ermöglichen:
Benutzer fügen einen WPGraphQL-fähigen Endpunkt hinzu, um Zugriff auf WordPress-Inhalte in Gatsbys Datenschicht für die Verwendung in React-Vorlagen zu erhalten
Optimiert Links und Bilder innerhalb des Content-HTML mit gatsby-image und gatsby-link
Beschränkt die Bildverarbeitung und -optimierung auf Bilder, die in veröffentlichten Inhalten referenziert werden, so dass große Medienbibliotheken die Erstellungszeiten nicht verlangsamen
Ermöglicht automatisch den Zugriff auf Daten von jeder WPGraphQL-Erweiterung und integriert die Seite mit anderen WordPress-Plugins
WPGraphQL wird als Teil des Setups benötigt. Es verwandelt jede Website in einen GraphQL-Server, wodurch die Inhalte leichter abgerufen werden können. In den letzten 18 Monaten hat Gatsby die Entwicklung und Wartung von WPGraphQL bis zu einer stabilen Version 1.0 unterstützt. WP Engine hat kürzlich seinen Maintainer, Jason Bahl, eingestellt, um das Projekt weiter zu finanzieren und seine eigenen Headless-WordPress-Initiativen auszubauen. Damit ist sichergestellt, dass WPGraphQL weiterhin eine starke Zukunft für den Einsatz in entkoppelten Projekten haben wird.
“Während der Beta-Phase waren wir begeistert zu sehen, wie Entwicklerteams, die wir bewundern, die Gatsby-WordPress-Integration für ihre Projekte übernommen haben”, sagte Gatsby-Marketingmanager Hashim Warren. “Teams von Facebook, Bluehost und Apollo nutzten die WordPress-Integration von Gatsby, um zugängliche, skalierbare und einfach zu aktualisierende Web-Erlebnisse zu schaffen.” All diese Websites und mehr nutzten Gatsby + WPGraphQL in der Produktion, bevor das neue Gatsby Source WordPress Plugin offiziell stabil war, so dass es während der Beta-Phase ausgiebig getestet wurde.
Das neu geschriebene Plugin ist ein besserer Brückenschlag, um Gatsby-Frontends für Entwickler, die mit Redaktionen zusammenarbeiten, weniger zum Nachteil zu machen. Es verbessert die Build-Zeiten auf unter 10 Sekunden für mittelgroße Sites.
Die Komplexität der Bearbeitung und des Neuaufbaus von Gatsby-Sites war eines der Haupthindernisse für Content-Ersteller, die Headless-Architektur zu übernehmen. Sie erzwingt einen komplizierteren Arbeitsablauf, den das Gatsby Cloud-Produkt beheben soll. Das ist die Art und Weise, wie Gatsby seine WordPress-Integration monetarisiert – indem es den Workflow so gestaltet, dass er mehr dem entspricht, was traditionelles WordPress von Haus aus bietet.
Bei der Anwerbung potenzieller Headless-Kunden betonte Gatsby die niedrigeren Hosting-Kosten seines Stacks. Gatsby Cloud ist kostenlos für kleine, persönliche Websites, begrenzt aber die Anzahl der Nutzer auf 100 Echtzeit-Bearbeitungen pro Monat. In der Tat haben alle kommerziellen Pläne Obergrenzen für die Anzahl der Redakteure und wie oft Benutzer Echtzeit-Bearbeitungen durchführen können.
Die entkoppelte Architektur fällt immer noch in den Bereich der Entwickler. Gatsbys Cloud-Produkt ist eine Möglichkeit für Entwickler, die sich für Gatsby als Frontend entscheiden, ihre Seiten benutzerfreundlicher für Redaktionen zu gestalten. Entwickler, die daran interessiert sind, die neue Integration zu erkunden, können einen schnellen Start hinlegen, indem sie sich Gatsbys offiziellen WordPress-Starter ansehen.
