My client is rich header
app replication

La agencia gestiona más de 100 alojamientos web de OVHcloud

Gear Processing

Despliegues automatizados con GitLab y Vercel

fast

Sitios web más rápidos con WordPress Headless y Next.js

El contexto

Desde sus inicios hace más de 10 años, la agencia My Client is Rich acompaña a su clientela con un enfoque orientado hacia el rendimiento de la inversión (ROI). Para la agencia, la comunicación es una inversión rentable, no un simple gasto. Esta empresa alsaciana, que combina creatividad y estrategia, interviene en el diseño de sitios web, la identidad de marca, los estudios de mercado o la gestión completa de campañas de webmarketing.

Ante la necesidad creciente de mejorar el rendimiento de sus sitios web conservando la facilidad de uso de WordPress, My Client is Rich ha adoptado rápidamente una solución más moderna: WordPress en arquitectura «headless». Este método permite disociar la gestión del contenido («back-end») de su presentación («front-end») para aportar más rapidez y fluidez a cada página.

El desafío

My Client is Rich se apoyaba tradicionalmente en WordPress por su facilidad de administración y la riqueza de su ecosistema. Sin embargo, el CMS tiene limitaciones técnicas, ya que requiere una gran cantidad de recursos del servidor. Esto puede ralentizar y afectar al rendimiento general, especialmente en los picos de tráfico o en proyectos que requieren una gran capacidad de respuesta.

La agencia necesitaba encontrar un modelo que combinara la sencillez de WordPress con el rendimiento de un front-end moderno. El reto también era simplificar el proceso de desarrollo, acelerar los plazos de entrega de los proyectos y mejorar considerablemente la experiencia de usuario final.

La solución

My Client is Rich ha optado por una nueva arquitectura WordPress headless. Esta separación clara entre la gestión y la visualización de los contenidos ofrece dos ventajas principales: un uso óptimo de los recursos del servidor y una mejora considerable del rendimiento final de los sitios web.

Tras una fase de diseño minucioso, el back-end de cada sitio web cliente se instala en un alojamiento web compartido de OVHcloud . My Client is Rich se basa en una infraestructura sólida, escalable y segura, con un control total de los costes. La instalación de WordPress y sus actualizaciones se realizan a través de Composer, un gestor de dependencias en PHP. Este software facilita la implementación y el mantenimiento de todas las bibliotecas y extensiones necesarias para el buen funcionamiento de cada proyecto.

La agencia también utiliza GraphQL para optimizar la recuperación dinámica del contenido. A diferencia de las API REST tradicionales, esta tecnología permite realizar consultas precisas y específicas a WordPress, reduciendo así la carga del servidor. De este modo, los tiempos de carga son más rápidos, lo que redunda en beneficio de la experiencia de usuario.

«Con OVHcloud, disponemos de una solución completa, rápida y fiable para gestionar eficazmente varios cientos de servicios, ya sean alojamientos web, dominios, correo electrónico o bases de datos. Esta infraestructura nos permite seguir centrándonos en nuestra prioridad: ofrecer un servicio de calidad a nuestros clientes. Además, el servicio de atención al cliente, respaldado por una extensa documentación y una activa comunidad, nos ayuda a aprovechar al máximo todas sus herramientas».

Gauthier Péréa, CTO de My Client is Rich

 

Para sacar el máximo partido de la arquitectura headless, My Client is Rich desarrolla el front-end de sus sitios web de cliente con Next.js, un framework basado en React. Next.js permite una representación híbrida que combina la generación estática de páginas web (SSG) y el renderizado en el lado del servidor (SSR). Este enfoque optimiza el rendimiento, la interactividad y el posicionamiento (SEO).

Por último, la automatización completa de los despliegues permite a la agencia entregar sus proyectos web de forma más rápida y segura. Para ello, se basa en la plataforma GitLab CI/CD, que gestiona todas las operaciones de integración y de despliegue continuo, y en Vercel, solución especializada en el alojamiento de aplicaciones Next.js. Cada modificación del código se prueba y valida automáticamente antes de su publicación, lo que acelera considerablemente la actualización y el mantenimiento de los sitios. Este proceso también garantiza su disponibilidad y escalabilidad de forma amplia.

El resultado

Desde la implementación de esta arquitectura, My Client is Rich ha mejorado considerablemente el rendimiento técnico y operativo de sus proyectos web. Al reducir el tiempo de carga y optimizar el uso de los recursos del servidor, la agencia ofrece a sus clientes sitios web rápidos, fluidos y perfectamente adaptados a todos los terminales.

La automatización avanzada del proceso de desarrollo también ha permitido a My Client is Rich reducir considerablemente los ciclos de puesta en línea y de actualización de los proyectos. De este modo, la seguridad y la calidad de las entregas se refuerzan de forma permanente.

Todos estos resultados se han logrado gracias a un soporte técnico potente y escalable que permite a la agencia gestionar eficazmente varios cientos de servicios (alojamiento web, dominios, correo electrónico, bases de datos...), centrándose en la satisfacción y el asesoramiento estratégico de sus clientes.