L’approche WordPress Headless consiste à utiliser le noyau WordPress uniquement pour la gestion du contenu en déléguant la présentation du site le front-end à un logiciel spécialisé et optimisé.
- WordPress gère le contenu : On utilise toujours WordPress pour créer, éditer et gérer le contenu (articles, pages, produits, etc.). C’est le coeur du système, riche et flexible pour la gestion de contenu.
- API pour récupérer le contenu : WordPress fournit une interface de programmation d’applications (API) REST. Cette API agit comme un serveur et permet à des applications front-end distinctes de “demander” le contenu dont elles ont besoin.
- Front-end séparé : Le front-end, c’est la partie visible du site web que vous voyez. En headless, on ne se limite pas à l’interface par défaut de WordPress. On peut développer un front-end personnalisé en utilisant n’importe quel framework ou langage de programmation moderne tel que React, Vue.js. Cette application front-end “discute” avec l’API WordPress pour récupérer le contenu et l’afficher de manière unique et sur mesure.
Configuration de WordPress
Configuration de WordPress
- Installation de WordPress: Installez WordPress comme CMS en suivant les instructions d’installation standard.
- Plugins headless: Envisagez des plugins comme WPGraphQL ou REST API Toolkit pour faciliter l’interaction entre le front-end et WordPress.
- Sécurité: Renforcez la sécurité de votre installation WordPress en appliquant les bonnes pratiques et en utilisant des plugins de sécurité dédiés.
Développement Front-end
- API REST ou GraphQL: Utilisez l’API REST ou GraphQL de WordPress pour récupérer et gérer le contenu du site web.
- Bibliothèques front-end: Tirez parti de bibliothèques JavaScript populaires comme Axios ou Vue-Apollo pour simplifier les requêtes API.
- Conception et développement: Concevez et développez l’interface utilisateur du site web en utilisant votre technologie front-end choisie.