Shopify Hydrogen: cuándo vale la pena ir headless

Hydrogen es el framework headless de Shopify, construido sobre Remix (React). Permite crear storefronts personalizados que consumen la Storefront API de Shopify. El resultado es control total sobre el frontend con performance de edge via Oxygen.

Cómo funciona

Hydrogen es un proyecto Remix con helpers específicos para Shopify: hooks para cart, product, collection y customer. Las páginas son server-rendered con streaming, garantizando LCP rápido.

Hydrogen vs Liquid: trade-offs

Liquid es simple: temas listos, editor visual, deploy en un clic. Hydrogen requiere equipo React, build pipeline y más mantenimiento. La ventaja: experiencias completamente personalizadas y performance superior. La desventaja: costo de desarrollo 2-3x mayor.

Cuándo tiene sentido

Cuando la marca necesita una experiencia visual única, la performance es diferencial competitivo, el equipo trabaja con React, o la tienda integra datos de múltiples fuentes en el frontend.