Qu'est-ce que le Headless WordPress ?
L'architecture headless sépare le backend WordPress (gestion de contenu) du frontend (affichage). WordPress devient une API, tandis qu'un framework moderne (Next.js, Nuxt, Gatsby) gère l'affichage.
Pourquoi WPGraphQL ?
- Performance : Requêtes optimisées, pas de surcharge
- Flexibilité : Récupérez exactement les données nécessaires
- Typage : Schéma GraphQL auto-documenté
- Écosystème : Extensions pour ACF, WooCommerce, etc.
Installation
Installez le plugin WPGraphQL depuis le répertoire WordPress. L'endpoint GraphQL sera disponible sur /graphql.
Exemple de Requête
query GetBiens {
posts(where: {categoryName: "biens"}) {
nodes {
title
slug
featuredImage { node { sourceUrl } }
acfBien { prix surface pieces }
}
}
}Frontend Next.js
Utilisez Next.js avec App Router pour un site statique ultra-rapide avec ISR (Incremental Static Regeneration).