My client is rich header
app replication

L’agence gère plus de 100 hébergements web OVHcloud

Gear Processing

Déploiements automatisés grâce à GitLab et Vercel

fast

Des sites web plus rapides avec WordPress Headless et Next.js

Le contexte

Depuis ses débuts il y a plus de 10 ans, l’agence My Client is Rich accompagne sa clientèle avec une approche tournée vers le retour sur investissement (ROI). Pour elle, la communication est un investissement rentable et non une simple dépense. Alliant créativité et stratégie, cette entreprise alsacienne intervient sur la conception de sites internet, l’identité de marque, les études de marché ou encore la gestion complète de campagnes webmarketing.

Face au besoin croissant d'amélioration des performances de ses sites web tout en conservant la simplicité d’utilisation de WordPress, My Client is Rich a vite adopté une solution plus moderne : WordPress en architecture « headless ». Cette méthode permet de dissocier la gestion du contenu (back-end) de son affichage (front-end) pour apporter davantage de rapidité et de fluidité à chaque page.

Le défi

My Client is Rich s’appuyait traditionnellement sur WordPress pour sa facilité d’administration et la richesse de son écosystème. Toutefois, le CMS présente des limites techniques, car il sollicite fortement les ressources serveur. Cela peut engendrer des ralentissements et affecter les performances globales, en particulier lors de pics de trafic ou pour des projets nécessitant une grande réactivité.

L’agence devait donc trouver un modèle combinant la simplicité de WordPress à la performance d’un front-end moderne. L’enjeu était également de simplifier le processus de développement, d’accélérer les délais de livraison des projets et d'améliorer sensiblement l'expérience utilisateur finale.

La solution

My Client is Rich a donc opté pour une nouvelle architecture WordPress headless. Cette séparation claire de la gestion et de l’affichage des contenus procure deux avantages majeurs : une utilisation des ressources serveur optimale, ainsi qu’une amélioration considérable des performances finales des sites web.

Après une phase de design minutieuse, le back-end de chaque site client est installé sur un hébergement web mutualisé d’OVHcloud. My Client is Rich s’appuie sur une infrastructure robuste, évolutive et sécurisée, avec une maîtrise des coûts totale. L’installation de WordPress et ses mises à jour sont alors effectuées via Composer, un gestionnaire de dépendances en PHP. Ce logiciel facilite la mise en place et la maintenance de toutes les bibliothèques et extensions nécessaires au bon fonctionnement de chaque projet.

L’agence utilise également GraphQL pour optimiser la récupération dynamique des contenus. Contrairement aux API REST classiques, cette technologie permet d’effectuer des requêtes précises et ciblées vers WordPress, réduisant ainsi la charge serveur. Les temps de chargement sont dès lors plus rapides, au bénéfice de l’expérience utilisateur.

« Avec OVHcloud, nous disposons d’une solution complète, rapide et fiable pour gérer efficacement plusieurs centaines de services, qu’il s’agisse d’hébergements web, de noms de domaine, d’e-mails ou de bases de données. Cette infrastructure nous permet de rester concentrés sur notre priorité : fournir un service de qualité à nos clientes et clients. De plus, le support client, enrichi par une documentation riche et une communauté active, nous aide à exploiter pleinement tous leurs outils. »

Gauthier Péréa, chief technical officer, My Client is Rich

 

Afin de tirer pleinement profit de l’architecture headless, My Client is Rich développe le front-end de ses sites client avec Next.js, un framework s’appuyant sur React. Next.js permet un rendu hybride combinant génération statique des pages (SSG) et rendu dynamique côté serveur (SSR). Cette approche optimise les performances, l’interactivité et le référencement (SEO).

Enfin, l’automatisation complète des déploiements permet à l’agence de livrer ses projets web plus rapidement et de manière sécurisée. Pour y parvenir, elle s’appuie sur sur la plateforme GitLab CI/CD, qui gère l’intégralité des opérations d’intégration et de déploiement continu et sur Vercel, solution spécialisée dans l’hébergement d’applications Next.js. Chaque modification du code est ainsi testée et validée automatiquement avant publication, ce qui accélère considérablement la mise à jour et la maintenance des sites. Ce processus garantit également leur disponibilité et leur évolutivité à grande échelle.

Le résultat

Depuis la mise en place de cette architecture, My Client is Rich a considérablement amélioré les performances techniques et opérationnelles de ses projets web. En réduisant les temps de chargement et en optimisant l’utilisation des ressources serveur, l’agence propose à sa clientèle des sites rapides, fluides et parfaitement adaptés à tous les terminaux.

L’automatisation avancée du processus de développement a également permis à My Client is Rich de réduire sensiblement les cycles de mise en ligne et de mise à jour des projets. La sécurité et la qualité des livraisons s’en trouvent ainsi durablement renforcées.

Tous ces résultats ont été atteints grâce à un socle technique performant et évolutif. Celui-ci permet à l’agence de gérer efficacement plusieurs centaines de services (hébergements web, domaines, e-mails, bases de données), en se focalisant sur la satisfaction et l’accompagnement stratégique de ses clientes et clients.