¿Qué es un CMS headless?

CMS headless: definición

En un CMS clásico, la gestión de contenidos y la presentación del sitio web van unidas de forma fija. Un CMS headless separa ambas: falta la «cabeza», es decir, el frontend. Lo que queda es un backend de contenidos que almacena de forma estructurada textos, imágenes y datos de productos y los pone a disposición a través de interfaces.

El aspecto final de los contenidos lo decide el frontend correspondiente. Puede ser un sitio web con React o Vue, una app o un sistema completamente distinto. Algunas soluciones conocidas son Strapi, Directus, Storyblok, Contentful o Sanity; WordPress también puede utilizarse en modo headless.

Cómo funciona un CMS headless

Los redactores gestionan los contenidos en campos estructurados, por ejemplo título, entradilla, imagen o número de producto. Los contenidos no se guardan como una página terminada, sino como datos. Los frontends los consultan a través de una API REST o GraphQL y los presentan según el canal correspondiente.

Como los contenidos están disponibles como datos estructurados, también pueden procesarse automáticamente, por ejemplo para feeds de productos, traducciones o para mostrarlos en un chatbot de IA.

• Modelo de contenido: define los tipos de contenido y los campos
• API: entrega los contenidos a todos los canales conectados
• Frontend: de libre elección, p. ej., Next.js, Nuxt o una app
• Webhooks: activan la regeneración de las páginas cuando hay cambios

Ventajas y límites de un CMS headless

Los contenidos se gestionan una vez y se utilizan en todas partes. El frontend puede modernizarse de forma independiente y las páginas generadas estáticamente cargan muy rápido. Además, como la administración no está conectada directamente con el sitio web público, se reduce la superficie de ataque.

A cambio, el esfuerzo de desarrollo es mayor: hay que construir un frontend a medida y, según el sistema, una vista previa real en el diseño de la página solo es posible de forma limitada o con un esfuerzo adicional. Para un sitio web corporativo pequeño, un CMS clásico suele ser más rentable.

• Un único repositorio de contenidos para web, app y otros canales
• Libertad para elegir la tecnología del frontend
• Posibilidad de tiempos de carga muy buenos
• Mayor esfuerzo inicial que con los sistemas clásicos

Ejemplo práctico: cuándo compensa un CMS headless

Un fabricante gestiona textos de productos, fichas técnicas e instrucciones para su sitio web, su portal de distribuidores y su app de servicio. Hasta ahora se mantenían por triplicado, con las consiguientes discrepancias. Con un CMS headless, todos los contenidos están en un mismo lugar, cada canal los consulta a través de una API y los cambios se actualizan al instante en todas partes.

Un CMS headless compensa sobre todo cuando hay varios canales de salida, altos requisitos de rendimiento o grandes volúmenes de contenidos multilingües. Nano Concepts diseña modelos de contenido, configura sistemas headless y desarrolla los frontends adecuados.