Type de projet
Web / React / API / Exress
Compétences
Développement JavaScript FullStack
Secteur d’activité
Toursime
Année
2025
La Formation
Next.js WordPress Headless est une architecture moderne qui sépare le frontend du backend pour obtenir des sites web rapides, flexibles et optimisés pour le SEO.
Dans le cadre de cette formation Udemy, j’ai développé un site d’agence immobilière complet en combinant Next.js comme framework frontend et WordPress comme CMS headless pour la gestion du contenu.
Ce que j’ai mis en œuvre
Le projet m’a permis de configurer WordPress en mode headless : création de custom post types, gestion des champs avancés (ACF) et développement de blocs Gutenberg personnalisés mappés en composants React. L’ensemble des données WordPress est interrogé via GraphQL grâce à l’outil GraphiQL, ce qui permet de récupérer uniquement les informations nécessaires à chaque page.
Le frontend est entièrement développé avec Next.js en utilisant la génération de pages statiques (SSG). Cette approche permet de pré-compiler toutes les pages et de les distribuer depuis un réseau CDN global via Vercel, pour des temps de chargement quasi instantanés. Le stylage des composants est réalisé avec Tailwind CSS.
Déploiement continu
L’un des points forts du projet est la mise en place d’un pipeline de déploiement automatisé : à chaque mise à jour de contenu dans WordPress, un webhook déclenche une reconstruction automatique du site sur Vercel. Le contenu est ainsi toujours à jour sans intervention manuelle.
Compétences développées
Architecture headless CMS, Next.js (Pages Directory et App Directory), GraphQL, React, Tailwind CSS, déploiement Vercel, webhooks, blocs Gutenberg personnalisés, JavaScript fullstack.