Mon long voyage vers un site WordPress Gatsby découplé

Des laboratoires scientifiques à la conception Web: le chemin inattendu d'un biologiste. Mon arrière-plan scientifique a inculqué une profonde curiosité, un trait qui m'a conduit des microscopes et des boîtes de Pétri au monde fascinant du développement Web. J'ai d'abord appris le HTML au milieu d'échantillons de centrifugation et d'expériences de congélation, en utilisant des outils comme Homesite et Dreamweaver. Il y a dix ans, WordPress est entré dans ma vie, transformant un passe-temps en passion à plein temps.

Mon voyage WordPress: développement du thème et au-delà

Un passionné de Wordpress autoproclamé, mon incursion initiale a impliqué le piratage de thème, en s'appuyant fortement sur les "thèmes de construction de Morten Rand-Hendriksen à partir de zéro à l'aide de soulignements". Ce tutoriel, ainsi que le référentiel Github de Morten, sont devenus des ressources inestimables. J'ai créé des thèmes personnalisés (Kuhn, Popper, etc.) pour mes archives personnelles et inactives, inspirées par la philosophie "Just Write" de Sara Soueidan de la documentation méticuleuse. Bien que je sois également tendu dans le développement des plugins et des widgets, mon objectif est resté principalement sur le theming.

L'impératif javascript et la montée de Gatsby

L'appel de Matt Mullenweg en 2015 à une compétence JavaScript plus profonde, associé à l'annonce de l'éditeur de Gutenberg, a marqué un tournant. Reconnaissant l'importance de JavaScript, je me suis lancé dans un parcours d'apprentissage guidé par le "Javascript d'apprentissage de Zell Liew - par où commencer et que faire quand vous êtes coincé?".

Exploration des thèmes basés sur API REACT ET REST

L'émergence de thèmes WordPress basés sur React, tels que Foxhound, Picard et Celestial, a initialement piqué mon intérêt. Cependant, ceux-ci semblaient expérimentaux, et mes connaissances limitées en JavaScript / React ont entravé une exploration plus profonde.

Embrasser React et Découvrir Gatsby

En utilisant "JavaScript Fundamentals de Robin Wieruch avant d'apprendre React" comme feuille de route, j'ai abordé React. La simplicité du routage de Gatsby, en utilisant @ Reach / Router, s'est avérée changer la donne. La vitesse et l'efficacité de Gatsby, comme décrit dans ses supports marketing, ont encore solidifié ma décision de se concentrer sur elle. J'ai travaillé avec diligence à travers les tutoriels de Gatsby et les ressources à effet de levier comme le "Guide pour construire un site de Gatsby de Justin Formentin à partir de zéro" et "construire un blog avancé de Reactgo utilisant Gatsby et React" pour développer mes compétences. J'ai opté pour le style SASS en raison de sa familiarité et de sa lisibilité, bien que je reconnaisse les mérites des modules CSS.

Intégration de Gatsby et WordPress: Ressources et défis

De nombreux sites alimentés par Gatsby mettent en évidence ses avantages de performance et de sécurité. Cependant, l'intégration avec WordPress a présenté des défis. La gestion des commentaires, une fonctionnalité WordPress native, a nécessité des solutions alternatives comme Disqus, comme détaillé dans le tutoriel Northstack.

Thèmes et plugins Gatsby

Mon exploration comprenait divers thèmes GATSBY inspirés de WordPress (Tabor, thème Gatsby WordPress Starter, WordPress Source Thème) et le projet Gatsby WP Thèmes. Bien que prometteurs, de nombreux thèmes manquaient de documentation adaptée aux débutants. J'ai également étudié les plugins expérimentaux comme Gatsby Source WordPress Experimental et Gatsby WordPress Gutenberg, tous deux toujours en cours de développement.

Guides essentiels

Les articles du magazine Smashing de Mohammad Mohsin sur la construction de thèmes de réaction et le portage vingt-dix-neuf à Gatsby se sont révélés inestimables. Le guide complet en sept parties d'Henrik Wirth sur le portage d'un site WordPress à Gatsby utilisant WPGraphQL a également été extrêmement utile, tout comme le tutoriel de Jason Longstorf sur la migration vers le Jamstack (basé sur son podcast Learn with Jason ).

Mon site de Gatsby partiellement porté et les instructions futures

Le point culminant de ce voyage est mon propre site WordPress Gatsby partiellement porté (une procédure détaillée sera publiée la semaine prochaine). Je surveille de près le développement des plugins expérimentaux WordPress, espérant leur version officielle. L'évolution en cours des plugins de l'éditeur de blocs WordPress, WPGraphQL et Gatsby présente à la fois des possibilités passionnantes et des défis continus.

Réflexions finales

Actuellement, les thèmes de Gatsby WordPress ne sont pas entièrement matures pour les débutants. Bien que l'approche découplée offre des avantages importants pour les projets plus importants, pour mes besoins personnels, un site Gatsby standard avec contenu Markdown reste suffisant. L'avenir de l'intégration de Gatsby et WordPress est prometteur, mais les limites actuelles nécessitent une attention particulière. Restez à l'écoute pour mon tutoriel détaillé la semaine prochaine!

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!