Glosario · Arquitectura
Headless: separar el backend del frontend
Arquitectura donde el CMS o backend expone contenido vía API y un frontend independiente lo consume y renderiza.
Ejemplos de setup headless:
- WordPress headless + Next.js al front
- Sanity / Storyblok / Contentful + cualquier frontend
- Strapi / Directus self-hosted + frontend custom
- Shopify Hydrogen / Commerce Layer para ecommerce headless
Qué ganas:
- Performance (SSG con CDN = LCP bajo)
- Multi-canal (el mismo contenido sirve web, app, emails)
- Frontend moderno sin limitaciones del CMS
- Escalabilidad independiente
Qué pierdes:
- Complejidad operativa (dos sistemas, dos deploys)
- Preview en vivo (el editor ya no ve cambios en el contexto final sin trabajo extra)
- Coste (30-60 % más caro operativamente que WP tradicional)
- Riesgo SEO si el SSR/SSG está mal configurado
Por qué importa
Headless compensa cuando cumples 3+ de estos criterios: multi-canal real, performance diferencial de negocio, equipo técnico consolidado, ciclo editorial espaciado, identidad visual muy diferenciada. Por moda, nunca.
¿Esto aplica a tu web?
En 10 segundos te decimos cómo está tu sitio respecto a los términos del glosario: Core Web Vitals, schema, seguridad, accesibilidad, SEO técnico.
Siguiente paso
¿Tienes un proyecto exigente entre manos?
Cuéntanos qué necesita tu empresa. En la primera llamada evaluamos viabilidad técnica, alcance y presupuesto cerrado. Sin compromiso.