Headless commerce

¿Qué es headless commerce?

Headless commerce es una arquitectura donde el storefront (la capa de presentación que ven los clientes) se desacopla del backend de comercio (productos, precios, carrito y pedidos). Ambas capas se comunican entre sí a través de API en lugar de estar empaquetadas en un único sistema. “Headless” significa que el backend funciona sin su propia “cabeza” integrada: el frontend se crea por separado y extrae los datos a través de la API.

¿Por qué es importante el headless commerce?

Con un frontend independiente, puede crear exactamente la experiencia que su marca necesita, sin estar limitado por la estructura predeterminada de un tema. Esto suele traducirse en un mejor rendimiento y flexibilidad, y facilita la entrega del mismo contenido a la web, la aplicación y otros canales desde un único backend. El inconveniente es un aumento significativo de la complejidad técnica y el coste de desarrollo, ya que debe crear y mantener el frontend usted mismo.

Casos de uso comunes

• Marcas que desean un escaparate único y rápido y disponen de recursos de desarrollo para ello.
• Configuraciones omnicanal donde la web, la aplicación móvil y la tienda física comparten los mismos datos de producto.
• Sitios con gran cantidad de contenido creados en un CMS independiente e integrados sobre los datos de comercio.
• Empresas que optimizan Core Web Vitals sin las limitaciones de un tema.

Perspectiva de Shopify

En Shopify, headless se suele construir con Hydrogen (el framework React de Shopify) alojado en Oxygen, extrayendo datos a través de la API de Storefront (GraphQL). El clásico tema de Liquid ya no renderiza el escaparate. Tenga en cuenta que el proceso de pago todavía se ejecuta en el checkout alojado por Shopify por razones de seguridad y PCI: reemplaza el frontend, no el flujo de pago.