My Client is Rich zwiększa wydajność stron internetowych dzięki WordPress Headless, Next.js i OVHcloud
OVHcloud i My Client is Rich


Zarządzanie ponad 100 hostingami OVHcloud

Automatyczne wdrożenia przy użyciu GitLab i Vercel

Szybsze strony WWW dzięki WordPress Headless i Next.js
W skrócie
Alzacka agencja My Client is Rich wspiera klientów w osiąganiu zwrotu z inwestycji (ROI) od ponad 10 lat, czyli od momentu powstania. Przyświeca jej idea, że komunikacja jest opłacalną inwestycją, a nie zwykłym wydatkiem. Agencja łączy podejście kreatywne ze strategicznym - oferuje usługi, takie jak projektowanie stron WWW, budowa tożsamości marki, badania rynku oraz kompleksowe zarządzanie kampaniami marketingowymi w Internecie.
Firma My Client is Rich zidentyfikowała rosnącą potrzebę optymalizacji wydajności stron WWW, ale jednocześnie bardzo zależało jej na zachowaniu łatwości użytkowania WordPressa. Dlatego zdecydowała się na nowoczesne rozwiązanie: WordPress w architekturze „headless”. Ta metoda pozwala oddzielić zarządzanie treścią (back-end) od jej wyświetlania (front-end), co zwiększa szybkość i płynność ładowania stron.
Wyzwanie
My Client is Rich korzystał z WordPressa ze względu na łatwość zarządzania i bogaty ekosystem. CMS ma jednak pewne ograniczenia techniczne, ponieważ w dużym stopniu zużywa zasoby serwera. Może to powodować spowolnienia i wpływać na ogólną wydajność, szczególnie w przypadku wzrostów ruchu lub projektów wymagających dużej reaktywności.
Agencja musiała więc znaleźć model łączący w sobie prostotę WordPressa i wydajność nowoczesnego front-endu. Kolejnym wyzwaniem było uproszczenie procesu rozwoju, skrócenie czasu realizacji projektów i znacząca poprawa doświadczenia użytkownika końcowego.
Rozwiązanie
My Client is Rich wybrał nową architekturę WordPress headless. To wyraźne rozdzielenie zarządzania i wyświetlania treści zapewnia dwie główne korzyści: optymalne wykorzystanie zasobów serwera i znaczną poprawę wydajności stron WWW.
Po zakończeniu fazy projektowania back-end każdej strony klienta został zainstalowany na hostingu współdzielonym OVHcloud. Teraz agencja My Client is Rich korzysta z solidnej, skalowalnej i bezpiecznej infrastruktury, która zapewnia pełną kontrolę nad kosztami. Instalacja WordPressa i jego aktualizacje są wykonywane przez Composer, menedżera zależności w PHP. Oprogramowanie to ułatwia tworzenie i utrzymanie bibliotek oraz rozszerzeń niezbędnych do realizacji poszczególnych projektów.
Agencja wykorzystuje również GraphQL do optymalizacji dynamicznego pobierania treści. W przeciwieństwie do klasycznych API REST, technologia ta pozwala na wykonywanie precyzyjnych zapytań do WordPressa, zmniejszając obciążenie serwera. Dzięki temu czas ładowania strony jest krótszy, co wpływa pozytywnie na doświadczenia użytkownika.
Dzięki OVHcloud mamy do dyspozycji kompletne, szybkie i niezawodne rozwiązanie do efektywnego zarządzania setkami usług, takich jak hosting, domeny, poczta e-mail czy bazy danych. Dzięki tej infrastrukturze możemy skoncentrować się na naszym priorytecie - dostarczaniu naszym klientom wysokiej jakości usług. Dodatkowo obsługa klienta, bogata dokumentacja i aktywna społeczność pomagają nam w pełni wykorzystać wszystkie narzędzia.
Gauthier Péréa, CTO, My Client is Rich
Aby w pełni wykorzystać architekturę headless, My Client is Rich rozwija front-end stron WWW klientów za pomocą Next.js - frameworka opartego na React. Next.js umożliwia hybrydowe renderowanie łączące statyczne generowanie stron (SSG) i dynamiczne renderowanie po stronie serwera (SSR). Takie podejście optymalizuje wydajność, interaktywność i pozycjonowanie (SEO).
Wreszcie, pełna automatyzacja wdrożeń umożliwia agencji szybszą i bezpieczniejszą realizację projektów internetowych. W tym celu opiera się on na platformie GitLab CI/CD, która zarządza integracją i ciągłym wdrażaniem oraz na Vercel - rozwiązaniu specjalnie przystosowanym do hostingu aplikacji Next.js. Każda zmiana kodu jest automatycznie testowana i zatwierdzana przed publikacją, co znacznie przyspiesza aktualizacje i utrzymanie stron. Proces ten gwarantuje również dostępność i skalowalność.
Korzyści
Od momentu wdrożenia tej architektury, agencja My Client is Rich znacząco poprawiła wydajność techniczną i operacyjną projektów WWW. Dzięki skróceniu czasu ładowania i lepszemu wykorzystaniu zasobów serwera, agencja oferuje klientom szybkie strony, które działają płynnie i są w pełni kompatybilne z wszystkimi urządzeniami.
Zaawansowana automatyzacja procesu rozwoju pozwoliła firmie My Client is Rich skrócić cykle wdrażania i aktualizacji projektów. W ten sposób stale wzrasta bezpieczeństwo i jakość dostaw.
Wszystkie te wyniki uzyskano dzięki wydajnej i skalowalnej architekturze, co umożliwia agencji efektywne zarządzanie setkami usług (hosting, domeny, e-maile, bazy danych) oraz zapewnienie satysfakcji i wsparcie strategiczne klientów.