Contacto

Ignacio Carrasco H.

Blog

¿Qué es y porqué usar un headless CMS?

Javascript, Tecnología, Desarrollo Web, CMS

Un headless CMS se utiliza principalmente para brindar una mejor flexibilidad en cuanto a la forma en que se presentan los contenidos. En lugar de estar limitado por un diseño predeterminado, un headless CMS permite a los desarrolladores crear experiencias de usuario personalizadas y adaptables a diferentes dispositivos y plataformas. Esto puede ser especialmente útil para aplicaciones web y móviles, donde se requiere una mayor flexibilidad en la presentación de los contenidos.

my image

Además, un headless CMS también puede ofrecer una mayor escalabilidad y facilidad de actualización en comparación con un CMS tradicional. Dado que el contenido se gestiona y almacena por separado de la interfaz de usuario, es más fácil agregar y actualizar el contenido sin tener que preocuparse por el diseño y la estructura de la interfaz de usuario.

En resumen, un headless CMS se utiliza principalmente para mejorar la flexibilidad y escalabilidad en la gestión de contenidos, y puede ser especialmente útil para aplicaciones web y móviles.

Top Headless CMS

my image

Strapi

Strapi es un sistema de gestión de contenidos sin cabeza (CMS) de código abierto que se utiliza para crear y administrar aplicaciones web y móviles. Le permite crear y administrar el contenido de su aplicación de manera fácil y eficiente, lo que le permite centrarse en la construcción de su aplicación en lugar de preocuparse por la gestión del contenido. Strapi se basa en tecnologías de código abierto, como Node.js y MongoDB, y ofrece una interfaz de usuario fácil de usar y una amplia gama de características y herramientas que lo convierten en una excelente opción para aquellos que buscan un sistema CMS sin cabeza.

my image

Ghost

Ghost CMS es un sistema de gestión de contenido (CMS, por sus siglas en inglés) enfocado en la creación de publicaciones de blog y sitios web de contenido. Ghost CMS se destaca por su diseño simple y fácil de usar, lo que lo convierte en una excelente opción para bloggers y creadores de contenido. Con Ghost CMS, puedes crear y publicar tus publicaciones de manera rápida y sencilla, y también ofrece opciones avanzadas para equipos que necesitan una solución de CMS más completa.

my image

Sanity

Sanity CMS es un sistema de gestión de contenido (CMS, por sus siglas en inglés) que se centra en la flexibilidad y la personalización. Sanity CMS te permite crear y administrar el contenido de tu sitio web de manera rápida y sencilla, lo que te permite centrarte en la creación de contenido de alta calidad en lugar de en la configuración de herramientas complicadas. Sanity CMS también ofrece opciones avanzadas para equipos que necesitan una solución de CMS más completa.

my image

Wordpress (Headless Wordpress)

Un headless WordPress es una implementación de WordPress que se utiliza principalmente como una plataforma de gestión de contenidos, pero que no incluye la interfaz de usuario gráfica ni las plantillas predeterminadas. En lugar de eso, se utiliza una API (interfaz de programación de aplicaciones) para permitir que otros sistemas y aplicaciones recuperen y utilicen el contenido almacenado en WordPress.

De esta manera, un headless WordPress permite a los desarrolladores crear aplicaciones y sitios web altamente personalizados y adaptables que pueden recuperar y utilizar el contenido de WordPress de forma dinámica y flexible. Esto puede ser especialmente útil para aplicaciones web y móviles, donde se requiere una mayor flexibilidad en la presentación de los contenidos.

my image

Nuxt Content (mi opción elegida para este blog)

Nuxt Content es una característica de Nuxt.js, un marco de desarrollo web basado en Vue.js. Nuxt Content le permite gestionar y presentar contenidos de forma sencilla en su aplicación Nuxt.js.

Con Nuxt Content, puede crear y almacenar contenidos en archivos estáticos, como Markdown, JSON o YAML, en lugar de almacenarlos en una base de datos. Esto le permite utilizar herramientas de edición de texto simples para editar y actualizar el contenido de su aplicación, y también le permite versionar y controlar el contenido de su aplicación como código fuente.

Además, Nuxt Content le permite utilizar un lenguaje de consulta simple y potente llamado GraphQL para recuperar y presentar el contenido en su aplicación. Esto le permite crear aplicaciones altamente personalizables y adaptables que pueden presentar contenidos de manera dinámica y flexible.

En resumen, Nuxt Content es una característica de Nuxt.js que le permite gestionar y presentar contenidos de forma sencilla en su aplicación, utilizando archivos estáticos y GraphQL.

my image

Mi opinión

En mi caso particular, para este blog que estás leyendo decidí usar Nuxt Content. La razón es muy simple. Se trata de una forma muy económica (en tiempo) de implementar. Con solo crear un par de directorios y agregar algunas instrucciones en los archivos adecuados (que puedes revisar en la documentación oficial) ya tenía corriendo un sistema de rutas y contenido que es increíblemente rápido (escribir markdown es muy sencillo) y eficiente (el tiempo de construcción es cercano a 0).

Por supuesto, el tipo de CMS (headless o no) dependerá de tu implementación. Sin embbargo, esta es una tendencia que se ha vuelto más popular en los últimos años con el exponencial crecimiento de los JAM stacks.

Sitio construido por Ignacio Carrasco H.
2022. Algunos derechos reservados.