Problématique
Le client souhaitait un site visuellement soigné et performant pour une clientèle haut de gamme, tout en conservant WordPress comme outil de gestion de contenu pour ses équipes.
Les limites d'un WordPress classique :
- Les thèmes WordPress standards ne permettent pas d'atteindre le niveau de personnalisation UI nécessaire pour un positionnement luxe
- Les performances d'un WordPress rendu côté serveur sont difficiles à optimiser au niveau des Core Web Vitals exigés
- L'ajout d'un parcours de réservation complexe dans WordPress implique des plugins tiers lourds et peu flexibles
Le défi architectural :
- Découpler le frontend de WordPress sans perdre la simplicité d'administration que l'équipe utilisait déjà
- Maintenir la synchronisation entre les données WordPress (villas, contenus) et le frontend Laravel en temps réel
- Concevoir une architecture maintenable où les deux parties évoluent indépendamment
Solution technique
J'ai mis en place une architecture headless où WordPress joue le rôle de CMS headless via son API REST, et Laravel gère l'intégralité du frontend et de la logique métier.
WordPress comme CMS headless :
- Configuration de WordPress pour exposer les villas, disponibilités et contenus via l'API REST
- Custom Post Types pour les villas avec tous leurs attributs (superficie, capacité, équipements, tarifs)
- Gestion des médias et des galeries photos côté WordPress, consommés par le frontend
Frontend Laravel :
- Rendu des pages côté serveur avec Laravel pour des performances optimales et un bon référencement
- Consommation de l'API REST WordPress avec cache applicatif pour éviter les appels répétitifs
- Système de réservation développé entièrement dans Laravel, indépendant de WordPress
- Design sur-mesure adapté au positionnement luxe du site
Synchronisation :
- Invalidation du cache Laravel déclenchée par les webhooks WordPress à chaque modification de contenu
- Les mises à jour de villas et de disponibilités sont répercutées sur le frontend sans délai
Le projet
J'ai développé un site de location de villas de luxe à Saint-Barthélemy reposant sur une architecture hybride : WordPress assure la gestion du contenu, tandis qu'un frontend Laravel découplé prend en charge l'expérience utilisateur et les réservations.
Architecture hybride
Le choix d'une architecture découplée répond à un besoin précis : permettre aux équipes de gérer facilement le contenu (villas, disponibilités, textes) via l'interface WordPress qu'elles connaissent, tout en bénéficiant d'un frontend performant et sur-mesure que WordPress seul ne permettrait pas d'atteindre.
Fonctionnalités principales
- Catalogue de villas : Présentation des propriétés avec galeries photos, descriptions, équipements et disponibilités
- Système de réservation : Parcours de réservation complet géré côté Laravel
- Gestion de contenu : Administration des villas et du contenu éditorial via WordPress
- Synchronisation en temps réel : Le frontend Laravel consomme l'API REST WordPress pour afficher les données à jour