Cada mes recibo dos o tres consultas sobre headless con Hydrogen. Y cada mes desaconsejo el 90%. No por pereza ni por sesgo, sino porque las cifras no salen. Aquí va el análisis honesto que casi nadie te dará si vende horas de desarrollo.
# ¿Qué es headless en Shopify exactamente?
Headless significa separar el frontend (lo que ve el cliente) del backend (Shopify). En lugar de usar un theme Liquid renderizado por Shopify, montas tu propio frontend (Hydrogen, Next.js, Nuxt, Astro...) que consume la Storefront API.
El admin, el catálogo, el stock, los pedidos y el checkout siguen siendo de Shopify. Solo cambias la capa de presentación.
Ventaja en teoría: flexibilidad total y performance brutal. Desventaja en práctica: mantenimiento de un proyecto de desarrollo entero, no de una tienda.
# Los argumentos pro-headless (y qué hay de verdad)
Te van a vender estos cinco argumentos. Vamos uno a uno:
1. "Performance brutal". Verdad, pero exagerada. Headless bien hecho da CWV de 95+. Shopify estándar bien optimizado da 85-92. La diferencia en conversión real es del 1-3%.
2. "Flexibilidad total de diseño". Verdad. Pero el 95% de las tiendas no la necesitan. Liquid + Tailwind cubre cualquier diseño razonable.
3. "Mejor SEO". Falso si lo comparas con Shopify optimizado. SSR bien hecho en Liquid es igual de SEO-friendly que SSR en Next.js.
4. "Integraciones más fáciles". Falso. Pierdes el ecosistema de apps de Shopify y tienes que reimplementar reviews, pop-ups, search, etc.
5. "Escala mejor". Verdad si facturas millones. Mentira si facturas menos.
# Los costes reales que nadie te cuenta
Vamos con números de proyectos reales que he visto o liderado:
Desarrollo inicial: 25.000-80.000€ para un frontend headless decente. Theme premium personalizado: 3.000-10.000€.
Mantenimiento mensual: 1.500-4.000€ en headless (necesitas dev). Theme Shopify: 200-600€/mes de freelancer ocasional.
Tiempo de iteración: cambiar el color de un botón en Shopify, 5 minutos. En headless, ticket → dev → deploy → QA, 1-2 horas.
Apps que pierdes: Klaviyo se integra bien, sí. Pero pop-ups, wishlists, reviews, search avanzado, recomendaciones... todo a reimplementar o buscar SaaS específico con API.
"El TCO de un headless a 3 años multiplica por 4-6 el de un Shopify estándar bien optimizado."
# Cuándo SÍ merece la pena (los 4 casos reales)
Hay perfiles donde headless tiene sentido. Son pocos:
- Facturación > 2M€/año con equipo técnico interno (no agencia).
- Marca con identidad visual muy fuerte donde Liquid se queda corto (lujo, moda alta gama, branding hyper-custom).
- Operaciones multi-canal complejas: mismo backend Shopify alimentando web, app móvil nativa, pantallas en tienda, marketplace, ERP.
- Necesidades de UX experimentales: configuradores 3D, AR, builders complejos que en Liquid son inviables.
# Cuándo NO merece la pena (los 5 casos típicos)
Donde casi siempre veo gente metiéndose en headless sin necesidad:
1. "Queremos mejorar el SEO". No. Optimiza Shopify estándar. Te ahorras 30.000€.
2. "Las apps nos ralentizan". Limpia apps. Te ahorras 30.000€ igual.
3. "Queremos un diseño único". Liquid + buen diseñador. Mismo resultado, 1/10 del coste.
4. "Crecemos rápido y queremos preparar la escala". Crece primero. Cuando llegues a 1M€, hablamos.
5. "Nuestra agencia nos lo recomendó". Pregunta cuántas horas factura tu agencia con Hydrogen. Ahí está la respuesta.
"Si tu razón para ir a headless cabe en una frase de marketing, probablemente no necesitas headless."
# Hydrogen vs Next.js vs Nuxt: el panorama 2026
Si decides ir headless, las opciones reales:
Hydrogen (Shopify, basado en Remix): optimizado para Shopify, deploy en Oxygen (hosting incluido), buena DX. Ecosistema más pequeño.
Next.js + Storefront API: maduro, mucho talento disponible, despliegue en Vercel. Necesitas escribir más glue code para Shopify.
Nuxt 3: bonito si tu equipo viene de Vue. Menos común en eCommerce serio.
Astro: brillante para sites con poca interactividad. Limita en tiendas con mucha funcionalidad cliente.
Mi recomendación si te decides: Hydrogen si vas a 100% Shopify y quieres simplicidad. Next.js si quieres control y tienes equipo dev fuerte.
# Alternativas a headless que casi nadie considera
Antes de meterse en headless, casi siempre quedan opciones más sensatas:
Theme Shopify personalizado con Dawn + Tailwind. Resultado: 90% del headless al 10% del coste.
Hydrogen solo en páginas críticas. Algunas tiendas usan headless solo en home y PDPs (product detail pages) y dejan el resto en Liquid. Compromiso interesante.
Migrar a Shopify Plus si el motivo es funcionalidad B2B, scripting o multi-tienda. Más barato y menos riesgoso que headless.
App nativa móvil conectada al backend Shopify vía Storefront API. Si la queja es "queremos app", esa es la respuesta, no headless en web.
# Casos reales: tres clientes, tres decisiones
Cliente 1: marca de moda, 800k€/año, quería headless por SEO. Le hicimos auditoría CWV en Shopify estándar. Pasó de LCP 4,2s a 1,8s en 8 horas de trabajo. Coste: 640€ vs 35.000€. Sigue contento dos años después.
Cliente 2: marca de joyería de lujo, 1,4M€/año, marca con identidad visual exigente, equipo dev interno. Migración a Hydrogen, 6 meses, 55.000€. Resultado: tráfico orgánico +22%, conversión +14%. Justificado en 14 meses.
Cliente 3: tienda multi-categoría, 2,3M€/año, sin equipo dev. Vino pidiendo headless porque "todos los grandes lo hacen". Le recomendé Shopify Plus + theme premium custom. Mismo presupuesto (60k), 1/3 del riesgo, resultado equivalente.
# En resumen
Headless en Shopify es una herramienta real, no una moda. Pero como toda herramienta, solo sirve si encaja con el problema. En mi experiencia, el 90% de tiendas que consideran headless lo hacen por motivos que se resuelven más barato y con menos riesgo en Shopify estándar bien optimizado.
Si facturas más de 2M€, tienes equipo dev interno y necesidades reales de personalización que Liquid no cubre, adelante. Si no cumples las tres condiciones, gasta ese presupuesto en producto, marketing y optimización de lo que ya tienes. Te lo agradecerá la cuenta de resultados.