My client is rich header
app replication

Die Agentur verwaltet mehr als 100 OVHcloud Webhostings

Gear Processing

Automatisierte Deployments mit GitLab und Vercel

fast

Schnellere Websites mit Headless WordPress und Next.js

Zusammenfassung

Seit ihrer Gründung vor mehr als 10 Jahren begleitet die Agentur My Client is Rich ihre Kund:innen mit einem ROI-orientierten Ansatz. Für sie ist Kommunikation eine rentable Investition und nicht einfach eine Ausgabe. Das elsässische Unternehmen verbindet Kreativität mit Strategie und befasst sich mit der Konzeption von Websites, der Markenidentität, der Marktforschung und dem umfassenden Management von Webmarketing-Kampagnen.

In Anbetracht der immer dringlicheren Notwendigkeit, die Leistung seiner Websites zu verbessern und dabei die Benutzerfreundlichkeit von WordPress zu wahren, hat sich My Client is Rich schnell für eine modernere Lösung entschieden: WordPress in einer „Headless“-Architektur. Diese Methode erlaubt es, die Verwaltung des Inhalts (Backend) von der Anzeige (Frontend) zu trennen, um jede Seite schneller und flüssiger zu machen.

Die Herausforderung

My Client is Rich hatte sich für WordPress entschieden, weil das CMS mit einer sehr einfachen Administration und einem umfassenden Ökosystem punktet. Allerdings geht es auch mit technischen Grenzen einher, da es die Serverressourcen stark beansprucht. Dies kann zu Verlangsamungen führen und die Leistung insgesamt beeinträchtigen, insbesondere bei Traffic-Lastspitzen oder bei Projekten, die eine schnelle Reaktion erfordern.

Die Agentur musste daher ein Modell finden, das die Einfachheit von WordPress mit der Leistung eines modernen Frontends kombiniert. Außerdem ging es darum, den Entwicklungsprozess zu vereinfachen, die Projektlieferzeiten zu verkürzen und die User Experience erheblich zu verbessern.

Die Lösung

Aus diesem Grund entschied sich My Client is Rich für eine neue Headless-WordPress-Architektur. Diese klare Trennung von Content-Management und Content-Anzeige bietet zwei große Vorteile: eine optimale Nutzung der Serverressourcen und eine deutliche Verbesserung der schlussendlichen Leistung der Websites.

Nach einer sorgfältigen Design-Phase wurde das Backend jeder Kunden-Website auf einem Shared Webhosting von OVHcloud installiert. My Client is Rich stützt sich auf eine robuste, skalierbare und abgesicherte Infrastruktur mit vollständiger Kostenkontrolle. Die Installation und die Updates von WordPress erfolgen über Composer, einen PHP-Abhängigkeitsmanager. Diese Software erleichtert die Einrichtung und Wartung aller Bibliotheken und Erweiterungen, die für das reibungslose Funktionieren jedes Projekts erforderlich sind.

Außerdem nutzt die Agentur GraphQL, um die dynamische Recovery von Content zu optimieren. Im Gegensatz zu herkömmlichen REST-APIs ermöglicht diese Technologie präzise und zielgerichtete Anfragen an WordPress, sodass die Serverlast reduziert wird. Dadurch werden die Ladezeiten verkürzt, was sich positiv auf die User Experience auswirkt.

„Mit OVHcloud verfügen wir über eine umfassende, schnelle und zuverlässige Lösung für die effiziente Verwaltung mehrerer Hundert Dienste – von Webhostings über Domainnamen bis hin zu E-Mails und Datenbanken. Diese Infrastruktur ermöglicht es uns, uns ganz auf unsere Priorität zu konzentrieren, nämlich unseren Kunden einen qualitativ hochwertigen Service zu bieten. Außerdem helfen uns der Kundensupport, die umfangreiche Dokumentation und die aktive Community, alle Tools optimal zu nutzen.“

Gauthier Péréa, Chief Technical Officer, My Client is Rich

 

Um die Vorteile der Headless-Architektur voll auszuschöpfen, entwickelt My Client is Rich das Frontend seiner Kunden-Websites mit Next.js, einem auf React basierenden Framework. Next.js ermöglicht ein hybrides Rendering, bei dem die statische Seitengenerierung (SSG) mit einem serverseitigen dynamischen Rendering (SSR) kombiniert wird. Dieser Ansatz optimiert die Performance, Interaktivität und Referenzierung (SEO).

Und schließlich ermöglicht die vollständige Automatisierung der Deployments es der Agentur, ihre Webprojekte schneller und sicherer umzusetzen. Dazu nutzt sie einerseits die Plattform GitLab CI/CD, die sämtliche Vorgänge für die kontinuierliche Integration und Bereitstellung verwaltet, und andererseits Vercel, eine auf das Hosting von Next.js-Anwendungen spezialisierte Lösung. Damit wird jede Änderung des Codes vor der Veröffentlichung automatisch getestet und validiert, was die Aktualisierung und Wartung der Websites erheblich beschleunigt. Dieser Prozess gewährleistet auch die Verfügbarkeit und Skalierbarkeit im großen Maßstab.

Das Ergebnis

Seit der Einführung dieser Architektur hat My Client is Rich die technische und operative Leistung seiner Webprojekte erheblich verbessert. Durch die Verringerung der Ladezeiten und die Optimierung der Nutzung der Serverressourcen kann die Agentur ihren Kund:innen schnelle, flüssige und für alle Terminals geeignete Websites anbieten.

Dank der erweiterten Automatisierung des Entwicklungsprozesses konnte My Client is Rich die Zyklen für das Onlinestellen und Aktualisieren von Projekten deutlich beschleunigen. Damit werden die Sicherheit und Qualität der Bereitstellungen nachhaltig verbessert.

All diese Ergebnisse wurden dank einer leistungsfähigen und skalierbaren technischen Basis erreicht. Mit ihr kann die Agentur mehrere Hundert Dienste (Webhosting, Domains, E-Mails, Datenbanken) effizient verwalten und dabei den Fokus auf die Zufriedenheit und die strategische Begleitung ihrer Kund:innen legen.