WPGraphQL : Créer un Site Immobilier Headless avec WordPress

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).