Headless commerce: qué es, cómo funciona y cuándo usarlo

Headless commerce separa el frontend del backend. En vez de un sistema monolítico, tienes un backend de e-commerce exponiendo APIs y un frontend independiente consumiendo esos datos. El resultado puede ser performance superior y flexibilidad total, o complejidad innecesaria.

Monolito vs headless

En un monolito (VTEX CMS, Shopify con Liquid), el backend genera el HTML. Todo está acoplado. En headless, el frontend es un proyecto separado (React, Next.js, Fresh) que busca datos via API. Libertad total en el frontend, pero dos sistemas para mantener.

Beneficios reales

Performance: frontend optimizado con SSR, edge rendering, bundle mínimo. Lighthouse 90+. Flexibilidad: cualquier framework. Omnichannel: mismo backend alimenta sitio, app mobile, totem y marketplace.

Trade-offs honestos

Complejidad: dos proyectos. Costo: desarrollo 2-3x más caro. Equipo: necesita desarrolladores frontend experimentados. Features nativas de la plataforma pueden no funcionar.

Cuándo headless es overkill

Si la tienda es simple, el catálogo pequeño, el equipo no tiene experiencia frontend moderna o el presupuesto es limitado, un tema bien hecho es más eficiente. Headless se justifica cuando la performance es diferencial competitivo o cuando se necesita omnichannel real.