Aprender

¿Qué es un CMS headless?

Un CMS headless gestiona tu contenido por separado de cómo se muestra. No le importa si tu contenido aparece en un sitio web, una app móvil, una señal digital o un asistente de voz: simplemente pone el contenido a disposición a través de una API, y tu frontend decide qué hacer con él.

La "cabeza" en headless

Para entender "headless", primero necesitas entender qué es la cabeza.

En un CMS tradicional —WordPress, Joomla, TYPO3— el sistema gestiona el contenido y lo renderiza. Escribes una entrada de blog y el CMS genera la página HTML que ven los visitantes. La "cabeza" es esa capa de presentación: las plantillas, los temas y el motor de renderizado integrados en el CMS.

Un CMS headless elimina la cabeza. No hay tema integrado. No hay motor de plantillas. No hay frontend en absoluto. El CMS almacena y gestiona el contenido, y lo expone a través de una API. Tu equipo de desarrollo construye la experiencia frontend que necesite —un sitio con Next.js, una app con React Native, un sitio estático, una aplicación personalizada renderizada del lado del servidor— y extrae el contenido mediante esa API.

El CMS se convierte en infraestructura, no en producto.

Cómo funciona la entrega de contenido

Crea una vez. Entrega en todas partes.

Con un CMS tradicional, el contenido y su presentación están estrechamente ligados. Cambiar el aspecto de una entrada de blog requiere modificar una plantilla PHP. Llevar el mismo contenido a una app móvil requiere construir un sistema aparte.

Con un CMS headless, el flujo es distinto:

  1. El contenido se crea en el CMS: estructurado, modular, almacenado en campos y no como HTML formateado
  2. El contenido se publica: el CMS lo pone a disposición mediante una API REST o GraphQL
  3. Tu frontend solicita el contenido en tiempo de compilación (sitios estáticos) o en tiempo de petición (apps renderizadas en servidor o en el cliente)
  4. Tu frontend lo renderiza: con control total sobre el marcado, el diseño y la apariencia

La misma API de contenido puede servir a tu sitio web de marketing, tu app móvil y tu sistema de documentación al mismo tiempo. Actualiza el contenido una vez: todos los canales reciben el cambio.

CMS headless vs. tradicional

Las ventajas y desventajas son reales. Esto es lo que realmente estás eligiendo.

CMS tradicional (WordPress, TYPO3, Joomla)

Lo que obtienes:

  • Un sitio web listo para usar: temas, plugins y alojamiento en un solo lugar
  • Un editor familiar con controles WYSIWYG
  • Un gran ecosistema de plugins y soporte de la comunidad

Lo que te limita:

  • El contenido y la presentación están acoplados: cambiar uno a menudo requiere entender el otro
  • Extenderlo a otros canales (apps, quioscos, APIs) exige importantes soluciones de parche
  • El rendimiento suele requerir plugins de caché, una CDN añadida y mantenimiento continuo
  • Actualizaciones de seguridad para el CMS, el tema y cada plugin, gestionadas por separado

CMS headless

Lo que obtienes:

  • Control total sobre tu frontend: cualquier framework, cualquier stack, cualquier destino de despliegue
  • Una API de contenido limpia: el mismo contenido estructurado sirve para todos los canales
  • Separación de responsabilidades: editores de contenido y desarrolladores frontend trabajan de forma independiente
  • Mejor rendimiento de serie: generación estática, entrega en el edge, sin renderizado PHP en cada petición

Lo que asumes:

  • Tú construyes el frontend: no hay un tema predeterminado para instalar
  • Más configuración inicial para un equipo de desarrollo
  • Un modelo mental algo más complejo para las personas no técnicas

La compensación es adecuada para equipos con capacidad de desarrollo que quieren controlar su stack. No es automáticamente la mejor opción para un bloguero en solitario que quiere tener algo funcionando en una tarde.

Por qué headless se ha generalizado

Esto no es una moda de desarrolladores. Los problemas son reales.

La arquitectura headless pasó de ser una preferencia de nicho entre desarrolladores a convertirse en un estándar del sector porque los problemas que resuelve resultaron afectar a casi todo el mundo que trabaja con contenido:

El problema multicanal: cada organización acaba necesitando su contenido en algún lugar que no sea su sitio web. Una app. Una integración API. Un embed de un socio. Headless convierte esto en el comportamiento por defecto, no en un apaño.

El problema de rendimiento: los sitios construidos sobre CMS tradicionales que usan caché a nivel de página son superados de forma constante por frontends generados estáticamente o renderizados en el edge que obtienen datos de una API headless.

El problema de la experiencia de desarrollo: el desarrollo frontend moderno se ha desplazado hacia frameworks de componentes (React, Vue, Svelte). Los CMS headless encajan de forma natural en este modelo. Los CMS tradicionales, no.

El problema del bloqueo: cuando tu CMS controla tanto el contenido como la presentación, la migración es dolorosa. Con headless, tu contenido está en datos estructurados limpios accesibles por API y tu frontend es independiente. Cambiar uno no exige reemplazar el otro.

¿Headless es adecuado para ti?

La respuesta honesta es: depende de lo que estés construyendo.

Headless tiene mucho sentido si:

  • Tienes un equipo de desarrollo (o tú mismo eres desarrollador)
  • Necesitas entregar contenido a más de un canal
  • El rendimiento a escala importa para tu negocio
  • Quieres evitar vincular tu estrategia de contenido a un tema o plataforma concretos
  • Te importa la flexibilidad a largo plazo: poder cambiar de framework sin migrar tu contenido

Headless es excesivo si:

  • No tienes recursos de desarrollo y necesitas que todo esté gestionado por ti este mismo fin de semana

Para equipos que construyen productos digitales reales —sitios de marketing, productos SaaS, comercio electrónico, plataformas editoriales— headless es cada vez la opción por defecto. Las herramientas han madurado. Los frameworks han madurado. La curva de aprendizaje que hacía que fuera una opción para especialistas hace cinco años se ha suavizado bastante.

¿Y ahora b10cks?

Cómo aborda b10cks el enfoque headless

b10cks es un CMS headless creado para equipos que ya pasaron por la decisión entre "tradicional vs. headless" y eligieron headless; y luego se quemaron con los modelos de precios de CMS headless que recreaban el bloqueo empresarial del que intentaban escapar.

Cada plan de b10cks incluye el editor visual, la localización, el historial de versiones, la entrega por CDN y la asistencia con IA que la mayoría de los CMS headless reservan para sus planes de mayor nivel. Pagas por almacenamiento y tráfico —la infraestructura real—, no por acceder a funciones.

El código es público bajo la licencia GNU AGPLv3. El autoalojamiento siempre está disponible. Puedes exportar tu contenido en cualquier momento.

Un CMS headless que no te obliga a elegir entre funciones y presupuesto.

b10cks es headless de verdad, de código abierto y está hecho para equipos que quieren lo auténtico, no una versión comprometida.