Hydrogen
Framework headless construido sobre React Router. Performance de clase mundial, developer experience de primera.
Por que Hydrogen
Core Web Vitals perfectos
LCP < 1.5s, CLS < 0.05, FID < 50ms fuera de la caja.
Streaming SSR
Renderizado progresivo con React Server Components.
Cache inteligente
Oxygen edge network con cache por sección, no por página completa.
Tipos generados
TypeScript end-to-end desde el schema de la tienda.
Integrado con shop-pay
Componentes nativos para checkout, producto, cart y cuenta.
Deploy incluido
Hosting global en Oxygen sin configurar nada.
Stack tecnologico
React 19 + React Router 7
Último estable, sin migraciones pendientes.
Vite 6
Build 10x más rápido que webpack tradicional.
GraphQL Storefront API
Queries tipadas con codegen automático.
Edge runtime
Global a 280+ puntos de presencia, sub-50ms de latencia.
Cuesta extra?
No. Hydrogen y hosting Oxygen están incluidos en todos los planes de shop-pay.
Puedo usar otro framework?
Sí. La Storefront API es agnóstica, puedes construir con Next.js, Remix, SvelteKit, Nuxt o lo que prefieras. Hydrogen es la opción recomendada porque trae integraciones listas.
Cómo migro de un tema Liquid?
Hydrogen coexiste con temas tradicionales. Migra sección por sección usando subdominio o feature flags. No necesitas un big bang.
Listo para empezar?
Crea tu tienda en minutos y prueba shop-pay gratis por 3 días.
Comienza tu prueba gratis