Shopify Hydrogen y Oxygen en Colombia
Zero Azul desarrolla tiendas headless con Shopify Hydrogen y las publica en Oxygen, el hosting de Shopify: un frontend a medida en React, rápido y sin los límites de un tema, con el catálogo, el checkout y los pagos de Shopify detrás. Somos Shopify Partner con equipo en Medellín.
¿Qué son Shopify Hydrogen y Oxygen?
Hydrogen es el framework oficial de Shopify para construir el frontend de una tienda headless: la parte que ve el cliente se programa aparte, en React (sobre React Router), y se conecta a Shopify por su API. Es gratuito y de código abierto.
Oxygen es el hosting global de Shopify para publicar tiendas hechas con Hydrogen. Según la documentación de Shopify, viene con los planes pagos: cada despliegue tiene su URL de vista previa y el sitio corre cerca del comprador, sin servidores que administrar.
Juntos permiten diseñar experiencias que un tema de Shopify no permite, sin renunciar a lo que Shopify hace bien: catálogo, inventario, checkout, pagos y apps de administración.
¿Cuándo conviene una tienda con Hydrogen?
Conviene si…
- Quieres un diseño o una experiencia de compra que un tema no permite.
- Mezclas mucho contenido editorial (revista, guías, landings) con la tienda.
- Vendes en varios mercados o idiomas y necesitas control fino de cada uno.
- La velocidad es crítica para tu conversión y tus campañas.
- Tienes integraciones con ERP, CRM o sistemas propios que deben verse en la tienda.
Probablemente no lo necesitas si…
- Tu catálogo es pequeño y un tema bien configurado ya cubre lo que necesitas.
- No tienes presupuesto para mantener un frontend propio en el tiempo.
- Dependes de apps que modifican el tema: en headless hay que reconstruir esas funciones.
Si no es tu caso, una tienda con tema es más rápida de lanzar: mira tiendas Shopify. Para comparar enfoques, lee e-commerce headless.
Qué incluye nuestro desarrollo con Hydrogen
Arquitectura headless
Definimos qué vive en Shopify, qué en el frontend y qué en un CMS, antes de escribir código.
Desarrollo en Hydrogen
Frontend en React con el diseño de tu marca, componentes reutilizables y carrito/checkout de Shopify.
Contenido con CMS headless
Páginas editoriales y landings administrables por tu equipo, conectadas a la tienda.
SEO técnico
Renderizado en servidor, metadatos, datos estructurados, sitemap y redirecciones si vienes de otro sitio.
Despliegue en Oxygen
Ambientes de prueba y producción, vistas previas por cambio y publicación sin servidores propios.
Integraciones y soporte
Conexión con ERP, CRM, pagos y analítica, y mantenimiento del frontend después del lanzamiento.
Cómo trabajamos
- 01Descubrimiento. Objetivos, catálogo, mercados, integraciones y qué no puede hacer hoy tu tema.
- 02Diseño y arquitectura. Prototipo de las páginas clave y mapa técnico de datos, CMS y servicios.
- 03Desarrollo y pruebas. Construcción en Hydrogen, integraciones, pruebas de velocidad y de compra completa.
- 04Lanzamiento en Oxygen. Publicación con analítica y Search Console activos, y un plan de mejoras con datos.
¿Necesitas además un CMS para el contenido? Mira Prismic en Colombia. Si vas a crecer a varias tiendas o B2B, revisa Shopify Plus.
Preguntas frecuentes
¿Quién desarrolla tiendas con Shopify Hydrogen en Colombia?
Zero Azul: somos Shopify Partner con equipo en Medellín y desarrollamos tiendas headless con Hydrogen publicadas en Oxygen para empresas de toda Colombia, desde la arquitectura hasta el soporte después del lanzamiento.
¿Qué es Shopify Hydrogen?
Es el framework oficial de Shopify para construir el frontend de una tienda headless en React. La tienda sigue usando Shopify para catálogo, inventario, checkout y pagos, pero la parte que ve el cliente se diseña y programa a medida.
¿Qué es Oxygen y cuánto cuesta?
Oxygen es el hosting de Shopify para tiendas hechas con Hydrogen. Según la documentación de Shopify viene con los planes pagos, así que no pagas un servidor aparte; el costo principal es el desarrollo y mantenimiento del frontend.
¿Hydrogen o un tema de Shopify?
Un tema es más rápido y económico de lanzar y alcanza para la mayoría de tiendas. Hydrogen conviene cuando necesitas una experiencia o integraciones que un tema no permite, o mucho contenido editorial junto a la tienda.
¿Puedo seguir usando el checkout y las apps de Shopify?
Sí con el checkout, los pagos y las apps de administración. Las apps que modifican el tema no aplican en headless: esas funciones se reconstruyen en el frontend o se reemplazan por integraciones.
Cuéntanos tu proyecto headless
Revisamos tu tienda actual y te decimos si Hydrogen vale la pena o si basta con un tema bien hecho.
¿Quieres que te contactemos?
Cuéntanos tu necesidad y te respondemos con una propuesta acorde.