Headless (sin cabeza) describe un software que funciona de forma independiente de una interfaz gráfica de usuario (GUI)
Headless (sin cabeza) describe un software que funciona de forma independiente de una interfaz gráfica de usuario (GUI). Aquí tienes los tres puntos clave para entenderlo rápido: Desacoplamiento total: Separa el "cuerpo" (el backend, donde residen los datos y la lógica) de la "cabeza" (el frontend, la parte visual que ve el usuario). Entrega vía API: Como el sistema no tiene una cara propia, envía la información a través de una API para que cualquier otro programa pueda recibirla y mostrarla como prefiera. Flexibilidad "Omnicanal": Al no estar atado a un diseño único, permite que el mismo contenido o funcionalidad se use en una web, una aplicación móvil, un reloj inteligente o incluso un asistente de voz. En resumen, es un sistema que se concentra en qué hace y qué datos tiene, dejando que otros se encarguen de cómo se ve.
// Usamos 'fetch' para pedir los datos al sistema headless async function cargarPost() { const respuesta = await fetch('https://api.miblog.com'); const datos = await respuesta.json(); // Aquí "pintamos" los datos en el HTML como nosotros queramos document.getElementById('app').innerHTML = ` <h1>${datos.titulo}</h1> <p>${datos.contenido}</p> <small>Escrito por: ${datos.autor}</small> `; } cargarPost();
