La arquitectura Headless en un CMS es una nueva tendencia en programación web que ha cobrado fuerza mundialmente desde hace más de un año. Actualmente son pocos los desarrollos web que han optado por esta arquitectura, pero cada día se descubre su potencial y se empieza a migrar hacia esta solución.
Para entender visualmente cómo funciona, hemos realizado un webinar impartido por Jesús Cuesta de Deloitte, donde descubrimos los entresijos de esta tecnología y cómo llevarla exitosamente a nuestros proyectos, que podrás ver más adelante.
¿Qué es un CMS?
Antes de ver qué es la arquitectura headless en CMS, veremos a qué se refieren estas siglas.
Un CMS es un sistema de gestión de contenidos (Content Management System) enfocado al desarrollo web. Actualmente en el mercado hay diferentes opciones de CMS, pero la más usada en el mundo es WordPress.
La mayoría de CMS están construidos en PHP, y esto ha hecho que muchas empresas opten por no usarlos ya que consideran que este lenguaje no es una solución potente, por esta razón han empezado a aparecer CMS construidos con Java y JavaScript.
¿Cómo funciona un CMS?
Este sistema ayuda a que personas que tengan conocimiento mínimos de programación, o incluso no sepan nada de código, puedan crear contenido y hacer páginas web. Teniendo esto como base, el funcionamiento de un CMS inicia con los creadores de contenido los cuales pueden ser de diferente perfil como escritores, editores, diseñadores gráficos, entre otros…
El contenido creado se sube a un repositorio dentro del CMS, el cual es enviado a los administradores del sitio para ser publicado y así pueda llegar al usuario final. Este es el tipo de arquitectura tradicional que siguen los CMS como WordPress o Drupal.
Nuevas necesidades de un CMS
Por lo general los CMS tienen integrado en backend y frontend, lo cual para empresas como bancos y aseguradoras, genera un riesgo de ciberseguridad. Esto ha hecho que se busque una solución que por un lado tenga la facilidad de creación de contenido de un CMS, y por otro la independencia de elementos de un desarrollo propio.
Otra necesidad es velocidad tanto de renderizado como para la optimización del SEO. Los CMS tienen miles de líneas de código que incluso no son útiles para diferentes empresas, lo cual hace que al final se vea una repercusión negativa en la velocidad de carga de los sitios.
¿Cómo funciona un CMS con arquitectura Headless?
¿Qué es la arquitectura headless? Las nuevas necesidades de programación han traído la arquitectura o sistema Headless, la cual se basa en la conexión del sitio web con otros servicios a través de API.
De esta manera la nueva arquitectura inicia con los creadores de contenidos, los cuales suben su material al CMS o Content Hub, y gracias a una API, este contenido se distribuye a diferentes plataformas como lo pueden ser página web, app móvil o redes sociales.
La arquitectura headless optimiza los recursos dentro de los proyectos web, y además ayuda a separar el backend y frontend de un CMS haciendo uso de diferentes API.
¿Es posible tener arquitectura Headless y arquitectura tradicional en una web?
Hay un nuevo tipo de arquitectura, denominada Decoupled, que mezcla la arquitectura tradicional con el sistema de arquitectura Headless. Es recomendada para empresas que actualmente manejan una arquitectura tradicional y quieren empezar una migración progresiva hacia la Headless. En esta arquitectura se sigue manteniendo el CMS tradicional con su integración backend y frontend en algunos servicios, y de manera paralela en otros servicios se integran otras plataformas a través de API.
Ahora es momento de llevar esta arquitectura headless a tu CMS, y para esto aquí te dejamos un ejercicio práctico para integrar el contenido de WordPress a una aplicación construida en Angular.
Cada día el desarrollo web tiene nuevas herramientas que potenciarán a otro nivel tus desarrollos, como es el caso de la arquitectura Headless. Para dominar todo esto y convertirte en un Full Stack Web Developer ¡Descubre nuestro Desarrollo Web Full Stack Bootcamp! o si quieres especializarte en otra rama de la programación, conoce nuestros bootcamps:
