Sur cette page: [cacher]
Le libre, framework open-source Gatsby a développé une nouvelle version bêta du plugin WordPress source Gatsby, qui a été entièrement refait pour développer les configurations WordPress sans tête où Gatsby alimente le frontend. Le plugin, en plus combiné avec le Gatsby Cloud, est conçu pour implémenter des aperçus en temps réel et des builds incrémentiels.
Lire aussi JAMstack: Comment ça marche et quels sont les avantages?
Le but principal du plugin source Gatsby est de créer une intégration pour les sites Web WordPress afin d'accomplir des occasions d'utilisation plus compliquées..
Il existe trois façons différentes d'utiliser le plugin WordPress source Gatsby. Avec chaque, vous pouvez acquérir divers avantages et inconvénients.
Interactions avec le plugin WordPress de Gatsby Source
Utilisation de la première méthode, le plugin interagit avec l'API WP REST pour fournir toutes les données comme les termes, des postes, médias, etc. Il met également en cache les informations dans le cache des nœuds de Gatsby.
Le second autorise les développeurs à écrire des requêtes GraphQL et à fournir un cache et à restituer ces données dans des modèles.
Selon l'équipe Gatsby, ces deux méthodes sont les meilleures pour une utilisation de base.
Intégration de l'API WP REST
Comme expliqué par le créateur de WPGraphQL Jason Bahl, lors de l'ajout de fonctionnalités plus avancées, comme Advanced Custom Fields Flex Fields, l'API WP REST s'effondrera, et il sera difficile d'utiliser de manière découplée.
L'API WP REST a un schéma qui permet aux thèmes et aux plugins d'améliorer l'API WP REST et de déclarer le type de données qu'un point final donné exposera. C'est utile pour les applications découplées de savoir à l'avance à quel type de données s'attendre.
Il ya un problème, et ce sont les plugins et les thèmes qui peuvent étendre l'API WP REST sans utiliser le schéma ou simplement définir des types de champs dans le schéma comme “objet” ou “tableau” Les types. Cela signifie que cela ne sera pas facile pour des applications découplées comme Gatsby, savoir à quoi s'attendre de ces domaines. Gatsby s'appuie sur des données cohérentes, et l'API WP REST n'est pas cohérente. La forme des données renvoyée par les points de terminaison (en particulier lorsque les plugins étendent l'API REST) est imprévisible, et c'est un problème pour les applications découplées.
Lire aussi Plugin WordPress Google Web Stories (La revue)
Alternative à WPGraphQL
WPGraphQL a été créé comme une alternative à l'API WP REST, aborder bon nombre de ces points douloureux avec son schéma appliqué. Cette alternative est bonne pour les outils découplés comme Gatsby car ils peuvent introspecter le schéma pour déterminer quelles données sont disponibles avant de demander.
Même des occasions telles que Advanced Custom Fields Flex Fields, où les données renvoyées pourraient être l'une des nombreuses dispositions de champ Flex possibles, Gatsby sait que les données possibles sont avant de demander les données. Le schéma imposé de WPGraphQL permet aux outils découplés de se livrer sans aucun problème et élimine des classes entières de bogues.
The Gatsby Source GraphQL + La méthode WPGraphQL a quelques développements par rapport à l'utilisation de l'API WP REST. Il a une limite qui ne met pas en cache les informations dans le cache du nœud Gatsby. Cette limite empêche les sites WordPress d'utiliser les offres commerciales basées sur le cloud de Gatsby pour les aperçus et les versions incrémentielles.
Ici Bahl à nouveau explique comment le nouveau plugin WordPress Gatsby Source (v4) + WPGraphQL est le “le meilleur des deux mondes:
Il utilise WPGraphQL sur le serveur WordPress pour exposer les données WordPress dans un schéma GraphQL typé. Gatsby Source WordPress v4 utilise GraphQL Introspection pour lire le schéma à partir du site WordPress et crée un schéma presque identique dans Gatsby. Il récupère ensuite les données à l'aide de WPGraphQL et met en cache les données dans Gatsby. Les utilisateurs utilisent ensuite GraphQL pour interagir avec le cache Gatsby et obtenir des données à rendre dans les composants de leur site Gatsby.
Cette nouvelle intégration permet aux créateurs de contenu de cliquer sur “Aperçu” et voyez ce qu'ils ont changé. Et tout cela se produira en direct sur le site propulsé par Gatsby. Il repoussera les modifications sur les pages affectées. Les modifications seront en direct très rapidement en quelques secondes, juste comment les utilisateurs s'attendent à ce que WordPress fonctionne sans l'intégration sans tête. Le nouveau plugin, intégré à Gatsby Cloud, offre un meilleur mariage de l'expérience de création de contenu avec Gatsby’s React + Expérience de développeur GraphQL tout en apportant des pages statiques rapides sur le frontend.