Partie 9 — REST API & WordPress headless (Next.js)
Votre pont vers le web moderne. WordPress expose une REST API native (
/wp-json/…) qui le rend pilotable comme un back-office headless. Cette partie couvre l’API interne, l’authentification, la création d’endpoints custom, l’alternative WPGraphQL, et surtout le front Next.js qui consomme WordPress (SSG/ISR, App Router, previews). On y construit HeadlessShelf, un front Next.js sur le cataloguewpr-books(Parties 7-8). C’est exactement la compétence rare et bien payée pour un dev React (Partie 13).
Version de référence : WordPress 6.x, Next.js 15 (App Router).
Sommaire
| Chapitre | Fichier | Contenu | Ce que vous saurez faire |
|---|---|---|---|
| 1 | La REST API interne | Routes natives, structure des réponses, _fields, _embed, pagination. | Explorer et exploiter l’API native. |
| 2 | Authentification | Nonces (cookie), Application Passwords, JWT, sécurité serveur. | Authentifier un client (front, app, serveur). |
| 3 | Créer ses endpoints REST | register_rest_route, permission_callback, args, réponses. | Exposer une logique custom en API. |
| 4 | WPGraphQL | Le plugin GraphQL, requêtes, avantages vs REST. | Requêter WordPress en GraphQL. |
| 5 | WordPress headless avec Next.js | App Router, fetch, SSG/ISR, HeadlessShelf, revalidation. | Construire un front Next.js sur WordPress. |
| 6 | Previews & brouillons | Aperçu des brouillons en headless, draft mode, auth. | Offrir la prévisualisation aux rédacteurs. |
| 7 | Arbitrages : headless ou pas ? | Quand headless, quand rester classique, coûts cachés. | Décider (et conseiller) avec lucidité. |
Ce que vous retiendrez de cette partie
- La REST API rend WordPress headless-ready :
/wp-json/wp/v2/…expose contenus, meta (sishow_in_rest), taxonomies. - L’authentification dépend du contexte : nonce (même origine), Application Passwords/JWT (serveur/app).
- Le front Next.js consomme l’API côté serveur (SSG/ISR), avec revalidation — le pattern moderne.
- Le headless n’est pas toujours le bon choix (ch. 7) : savoir arbitrer fait partie de l’expertise.
Retour à l’accueil · Chapitre suivant : La REST API interne.