Gatsby und WordPress

Avatar of Chris Coyier
Chris Coyier am

DigitalOcean bietet Cloud-Produkte für jede Phase Ihrer Reise. Starten Sie mit 200 $ kostenlosem Guthaben!

Gatsby und WordPress ist eine interessante Kombination, die man im Auge behalten sollte. Einerseits ergibt das absolut Sinn. Gatsby kann Daten von überall aufnehmen, und da WordPress eine native REST-API hat, ist das eine gute Paarung. Natürlich hat Gatsby ein erstklassiges Plugin zum Abrufen von Daten aus WordPress, das sogar Daten von beliebten Plugins wie Advanced Custom Fields unterstützt.

Andererseits ist Gatsby ein fester Bestandteil der JAMstack-Welt, sodass die Kombination mit etwas, das so gar nicht JAMstack-typisch ist wie WordPress, seltsam wirkt.

Hier sind einige zufällige Gedanken und Beobachtungen, die ich zu dieser Paarung habe.

  • Markus sagt, dass ihm diese Kombination ermöglichte, „wieder Freude“ an der WordPress-Entwicklung zu finden.
  • Eine Welt, in der man eine WordPress-Seite erstellen und auf Netlify hosten kann, mit all deren schicken Entwicklerfunktionen (z. B. Build-Vorschauen), ist sicherlich reizvoll.
  • Scott Bolinger hat eine fünfminütige Tour durch seine eigene Website, mit dem Clou, dass einige Seiten statisch generiert und andere dynamisch geladen werden können.
  • Es gibt ein GraphQL-Plugin für WordPress, was vermutlich eine alternative Methode wäre, um Daten im Gatsby-freundlichen Format zu extrahieren. Jason Bahl, der Entwickler von wp-graphql, arbeitet inzwischen tatsächlich für Gatsby und hat „Development sponsored by Gatsby“ als Twitter-Profiltext des Plugins. Es ist unklar, ob dies die zukünftige Standardmethode für die Integration von Gatsby und WordPress sein wird. Ich vermute eher nicht, einfach weil die REST-API kein zusätzliches Plugin benötigt und das GraphQL-Plugin etwas Aufwand bei der Installation erfordert. Anekdotisch löst allein die Installation und Aktivierung auf meiner Website einen fatalen Fehler aus, sodass ich mich irgendwann mit meinem Hoster darum kümmern muss, denn ich hätte es gerne installiert.
  • Wir sehen große Tutorial-Serien zu diesem Thema, wie Tim Smiths How To Build a Blog with WordPress and Gatsby.js.
  • Eine WordPress-Website auf statischem Hosting unterzubringen, erscheint wie eine große Chance, die kaum genutzt wird. Gatsby ist hier nur ein früher Akteur und konzentriert sich darauf, Ihre Website auf die React-Art neu zu erstellen. Es gibt aber auch andere Tools wie WP2Static, die behaupten, eine statische Version Ihrer WordPress-Website zu exportieren und die Ausgabe dann auf einem statischen Host hochzuladen. Ashley Williams und Kristian Freeman erläutern dies in diesem Video (beginnend etwa 20 Minuten später) und hosten das Ergebnis auf einer Cloudflare Workers-Website.