¿Qué es un Headless CMS?

¿Qué es un Headless CMS?

En la actualidad existen muchos tipos de dispositivos digitales, formatos y canales por donde distribuir contenidos y productos. Si nos ponemos a pensar, el diseño responsive (adaptar el contenido al tamaño de la pantalla) se queda corto para responder a la gran demanda de la omnicanalidad y multiplicidad de dispositivos que usan los usuarios.

El término Headless CMS esta de moda y no es casualidad. En este artículo quiero contarte de qué se trata y las ventajas que tiene en relación a un CMS tradicional.

Antes de seguir, si aún no sabes qué es un CMS tradicional, te lo resumo a continuación:

Un CMS es un sistema de gestión de contenidos que permite crear un entorno de trabajo para la creación y administración de contenidos, principalmente en páginas web, para luego conectarlo con un frontend que ve el usuario final.

Es decir que un CMS tradicional como WordPress, Drupal, Joomla, entre muchos otros, tiene dos partes fundamentales: backend (parte lógica) y frontend (parte visual interactiva con el usuario).

¿Cuál es la principal diferencia entre un CMS tradicional y un Headless CMS?

Si bien hay muchas diferencias, conceptualmente es importante que entiendas que el Headless CMS es igual que el tradicional pero sin la parte del frontend.

Es decir que sirve para crear todo tipo de contenidos pero no se pueden visualizar automáticamente en un marco frontal para el usuario final. Lo que sucede es que el contenido queda a disposición para ser llamado vía API y mostrarse en cualquier frontend no necesariamente conectado al backend donde se creó.

Para terminar de entenderlo se ve así:

  Diferencias de Headless CMS  

¿Qué vemos en la imagen?

# Un CMS "tradicional" nos da tres cosas:

  1. Una forma de almacenar datos.
  2. Una interfaz de usuario para crear contenido y administrarlo.
  3. Formas de mostrar los datos al usuario final.
 

# Un Headless CMS solo comparte los dos primeros puntos:

  1. Una forma de almacenar datos.
  2. Una interfaz de usuario para crear contenido y administrarlo.
  3. Una API para compartir los datos.
 

Como vemos, su principal diferencia lo hace más flexible, seguro e interesante, dándonos la posibilidad de crear un frontend con la tecnología que quieras independientemente del backend o dashboard donde creas el contenido a mostrar.

Por ejemplo, yo podría desarrollar una página web con Bootstrap y luego usar un Headless CMS para darle al cliente final la posibilidad de crear contenido al mejor estilo WordPress.

¿Qué estoy haciendo?

Le creo una página 98% estática y solo la parte dinámica de la web la utilizo con WordPress Headless para darle herramientas simples al cliente final para crear contenido en su página web.

De esta manera, no tengo que lidiar con problemas de seguridad como pasa con un Wordpress tradicional, tampoco tengo que estar pendiente de las actualizaciones constantes y la página web funciona mucho mejor, más rápida y consumiendo menos recursos del servidor.

Excelente, ¿verdad?

Si sos un diseñador web, tu cliente no solo estará encantado con la performance y seguridad de su página web, si no que se le abrirán nuevas formas de distribuir su contenido, ya que al consumirlo vía API, se le pueden crear muchos otros canales y vivir la omnicanalidad en serio. Como en esta imagen:

  Headless CMS Omnicanalidad  

¿Cuáles son las ventajas de usar un Headless CMS?

#1 CMS sin Frontend por defecto

Un Headless CMS como GorillaSite viene desacoplado del marco frontend. Eso significa que el usuario puede crear contenido desde el Dashboard y publicar en cualquier dispositivo o canal a través de la API que tiene a disposición. Además, los Desarrolladores Web enfocados en Frontend son libres de usar el lenguaje que quieran y sus herramientas favoritas.

#2 API para distribuir contenido

Las interfaces de programación de aplicaciones (API), permiten que dos tecnologías se comuniquen entre sí. En este caso. el entorno de backend con el de frontend para permitir la entrega del contenido generado. Y así también poder enviarlo o re-distribuirlo a otros destinos que pueden ser distintos dispositivos o canales.

#3 Preparado para el futuro

Las API no solo están listas para conectarse con cualquier software o dispositivo existente, sino que están preparadas para conectarse con cualquier otro nuevo que surja en 2020 y más allá. Por lo tanto, su contenido permanecerá preparado para el futuro, sin importar qué dispositivo innovador llegue al mercado.

¡Otras ventajas que aportamos con GorillaSite!

Las ventajas no se quedan solo en las que trae por defecto un Headless CMS, nosotros tenemos la misión de hacer las cosas aún mejor para nuestros clientes y partners.

#1 Login seguro con Auth0

La cajita del login siempre protegida con la compañía #1 en el mundo. Todos nuestros clientes inician sesión desde un lugar ultra seguro.

#2 Performance & Seguridad con CloudFlare

Infraestructura de líderes para tu sitio web. Mejor Performance y Seguridad con CloudFlare y GorillaSite.

#3 Actualizaciones & Mantenimiento permanente

Nos encargamos 100% de las actualizaciones de nuestro core y todo su mantenimiento. Olvidate de estar atrás de actualizaciones de WordPress o cualquier otro CMS tradicional.

#4 Optimización SEO desde el Dashboard

Integramos complementos SEO para añadir mejoras en todos los contenidos. El SEO está cubierto porque creemos que es una de las funcionalidades más importantes para todo sitio web.

#5 Soporte permanente y Documentación de API

Tranquil@, hemos estado infinitas veces del otro lado como desarrolladores web. Te ayudaremos a implementar nuestro backend y daremos soporte de por vida.

¡Bienvenido a un Backend rápido y seguro para Diseñadores Web!

En donde te liberamos de los problemas de rendimiento, seguridad, mantenimiento y escalabilidad de los sitios web que desarrolles.

Si sos diseñador o desarrollador web, podés convertirte en Partner y ganar comisiones recurrentes a través de la venta de nuestros planes.

¡Saludos!