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.
Ich habe kürzlich eine Website (https://bricsfilmfestival.com.br) mit dem WP + Gatsby + Netlify-Stack erstellt und ich kann Ihnen sagen, es ist wirklich eine Freude. Der Hauptnachteil, würde ich sagen, ist der Build-Prozess. Obwohl er nur ein oder zwei Minuten dauert, vermissen Kunden, die bereits mit WP gearbeitet haben, die Sofortigkeit, etwas zu posten und es sofort online zu sehen. Es hat mich auch einige Anpassungen nach dem anfänglichen Deployment gekostet, um Build-Fehler aufgrund von fehlerhaftem Markup zu vermeiden (das alte „aus MS Word kopiert“-Problem).
Zwei Dinge sind hinzuzufügen
1) https://www.getshifter.io/
2) Die Gatsby + WP-Kombination ist sicherlich interessant. Leider bedeutet dies nun, dass mehr Budget erforderlich ist. Das heißt, die Fähigkeit und Bereitschaft, für WP und dann für Gatsby (um es zu reparieren) zu bezahlen. Es muss einen besseren Weg geben.
Wenn wir doch nur Live-Vorschauen wie bei Prismic hätten… Ich habe sogar schon darüber nachgedacht, meine Gatsby-Komponenten in einer normalen React-Website zu verwenden, um dem Marketingteam eine Vorschau darauf zu geben, wie etwas aussehen wird.
Ich habe kürzlich versucht, diese beiden zu mischen und habe https://nirvana.netlify.com erstellt.
Liebe es.
Die Zukunft von Gatsby Source WordPress ist WP Graphql. Lesen Sie alles darüber hier
https://github.com/gatsbyjs/gatsby/issues/19292
Ich betreibe derzeit eine WP+Gatsby-Kombination, weil die alte Website WP nutzte und wir die alten Beiträge und die vertrauten (für Nicht-Entwickler) Editor-Tools nicht verlieren wollten, aber jetzt, da wir vollständig auf Headless WP umgestiegen sind, scheint es… übertrieben, einen Server mit DB und PHP nur für den Editor zu behalten.
Gedanke: Wenn jemand seine bestehende WordPress-Website, die eine Standard-WordPress-Installation ist, in eine Gatsby-Website umwandeln und für CSS-Tricks aufschreiben wollte, wäre das eine ziemlich coole Gastbeitrags-Serie.
… Oder WordPress und Gridsome (mit Vue) könnten sogar cooler sein
Du solltest dir Frontity ansehen. Es ist ein All-in-One-React-Framework für WordPress, statische Websites und serverseitiges Rendering. Es ist ziemlich genial.
Lass mich wissen, wenn du möchtest, dass jemand darüber schreibt. Ich habe kürzlich meine Portfolio-Website damit neu erstellt.
Hat jemand von Frontity (frontity.org) gehört?
Das mag für Entwickler eine Freude sein, könnte aber für Kunden viele Hürden mit sich bringen. Die Verwendung zweier verschiedener Systeme wie dieser bedeutet mehr zu verwaltende Teile, mehr technische Belastung und weniger Freiheit für den Kunden.
Lösungen wie WPStatic oder Shifter, die den Fokus auf WordPress selbst legen, könnten daher die gleichen guten Ergebnisse mit weniger potenziellen Problemen erzielen. Es könnte die beste Option für den Kunden sein, geschäftlich gesehen.
Video: Jason Bahl, Muhammad Muhsin: Using WordPress With Static Site Generators
Danke Chris, dass du unser WordCamp US-Video geteilt hast!
Ich hatte ein paar Probleme mit WP2Static. Simply Static war jedoch erstaunlich. Es wurde schon länger nicht mehr aktualisiert, funktioniert aber immer noch hervorragend mit der aktuellen Version von WordPress (5.3.2).
Eine gute Anleitung für Simply Static
https://www.brianshim.com/webtricks/wordpress-static-site-generator/
Und ich habe auch einen Beitrag dazu verfasst, der auf Brians aufbaut
https://ryandaniels.ca/blog/guide-to-wordpress-static-site/