Passez à un site internet moderne, ultra rapide et performant avec Gatsby JS ou Next.js.

Problèmes divers pour utiliser gatsby-source-graphql avec WordPress et bedrock

30 juin 2020

Problème gatsby-source-graphql avec WordPress et bedrock

Bonjour à tous,

Je suis en train de tester Gatsby avec WordPress et je viens de perdre pas mal de temps sur certains trucs alors je vous en fait profiter.

Accèder à l'url graphql avec une installation bedrock

Je suis parti sur une installation gatsby de base et j'utilise le pluggin gatsby-source-graphql côté gatsby, et le pluggin wp-graphql côté WordPress.

Pour le WordPress j'utilise mon starter pack perso qui utilise bedrock. J'ai bien installé gatsby-source-graphql et configuré mon gatsby-config.js comme expliqué dans la doc. Mais quand je lance gatsby develop j'ai une erreur #11321 et impossible de récupérer mon onglet wpgraphql au niveau de localhost:8000/___graphql.

En regardant sur google j'ai essayé plein de trucs en changeant la version de gatsby-source-graphql mais rien n'y a fait.

Je ne vais pas faire durer le suspense plus longtemps. Le problème venait du fait que mon WordPress utilise bedrock et donc le 'endpoint' pour récupérer les données n'est pas http://monsite.local/graphql mais http://monsite.local/wp/graphql .

bedrock-gatsby-config

Il faut aussi bien penser à rafraîchir les permaliens dans votre WordPress

Voilà en espérant vous avoir fait gagner du temps ! N'oubliez pas le /wp dans l'url

Je vais continuer à explorer Gatsby et vous faire profiter de mes feedbacks

A+

Retour aux articles