Qué es Oxygen: la plataforma de hosting nativa de Shopify para Hydrogen

Shopify ofrece varias opciones de hosting, pero Oxygen se diferencia en un aspecto clave: está diseñado **exclusivamente para Hydrogen**, mientras que temas tradicionales de Shopify se despliegan automáticamente en la infraestructura estándar de Shopify.

**Hosting estándar de Shopify**: cuando usas un tema o una tienda Liquid clásica, Shopify gestiona automáticamente el hosting sin que tú hagas nada. Es gratuito dentro del plan que contrates.

**Oxygen**: es un servicio adicional pensado para desarrolladores que construyen storefronts personalizadas con Hydrogen. A diferencia del hosting estándar, Oxygen cobra según consumo (request, CPU time, almacenamiento de caché). Un desarrollador que lance una tienda Hydrogen experimental en Oxygen podría pagar desde €10-15 mensuales en concepto de hosting si el tráfico es bajo; una tienda de mediano volumen (20.000 visitas mensuales) podría rondar €50-120 EUR mensuales.

**Alternativas externas**: podrías desplegar Hydrogen en Vercel, Netlify o AWS, pero entonces pierdes la integración nativa con Admin API de Shopify, webhooks optimizados y el soporte técnico directo de Shopify. Además, configurar manualmente CDN, certificados y escalado te suma complejidad operativa.

**Deploy automático desde Git**: conectas tu repositorio de GitHub, GitLab o Bitbucket a Oxygen. Cada push a la rama principal dispara un despliegue automático. No hay scripts manuales ni pasos intermedios.

**Edge computing integrado**: Oxygen ejecuta código en puntos de distribución geográfica (edge locations) cercanos a tus clientes. Una consulta a la API de Shopify desde España llega más rápido si se ejecuta en un edge cercano que si todo fuera desde un servidor central en EE.UU.

**Gestión de variables de entorno**: defines claves API, tokens y configuración directamente en el panel de Oxygen. Las variables se inyectan de forma segura sin exponerlas en el repositorio.

**Logs y monitoreo en tiempo real**: accedes a logs de errores, tiempos de respuesta y métricas de consumo directamente desde el dashboard. Puedes ver exactamente qué endpoints están siendo lentos o cuáles funcionan mal.

**Escalado automático**: no configuras instancias ni límites de memoria. Si tu tienda recibe un pico de tráfico (Black Friday, campaña viral), Oxygen escala automáticamente. Pagas solo lo que consumes: si un día recibe el doble de requests, tu factura sube proporcionalmente.

**Soporte para funciones serverless**: si necesitas ejecutar lógica personalizada (webhook handlers, cálculo de impuestos, integraciones custom), puedes usar funciones serverless dentro del mismo proyecto Hydrogen.

Oxygen usa un modelo de precios por consumo, similar al de servicios en la nube como AWS Lambda o Vercel. No hay suscripción fija mensual.

**Componentes facturados**: - **Requests**: cada petición HTTP/HTTPS que recibe tu tienda Hydrogen cuesta €0,0000275 aprox. (varía según región y promociones). Una tienda con 100.000 requests mensuales pagaría ~€2.75 en este concepto. - **CPU time**: cada segundo de CPU que consume tu código se factura a €0,000005833 aprox. Una función que tarda 50ms en ejecutarse y recibe 100.000 requests mensuales gasta ~50s de CPU time total, costando ~€0.29. - **Almacenamiento de caché**: hasta 512MB incluidos. Si usas más, cobran por GB adicional a ~€0,35/GB mensual. - **Transferencia de datos**: la mayoría de transferencias salientes son gratuitas (Shopify Admin API, respuestas a clientes). Transferencias a servicios externos sí cuentan.

**Estimativas reales**: - Tienda test/desarrollo: €5-15 mensuales. - Tienda pequeña (5.000-10.000 visitas/mes): €15-40 mensuales. - Tienda mediana (50.000 visitas/mes): €60-150 mensuales. - Tienda grande (500.000+ visitas/mes): €300-800+ mensuales.

Si necesitas un presupuesto predecible, Shopify ofrece planes anuales con límites de consumo fijo, donde pagas una cuota anual y tienes garantizado cierto volumen.

**Paso 1**: crea una nueva tienda Hydrogen localmente o clona un template existente de Shopify. Usa el CLI de Hydrogen (`npm create @shopify/hydrogen@latest`).

**Paso 2**: conecta tu repositorio de código a Oxygen. En el dashboard de Shopify Partners, ve a "Oxygen" y enlaza tu cuenta de GitHub. Selecciona el repositorio que contiene tu proyecto Hydrogen.

**Paso 3**: configura variables de entorno. Oxygen necesita tu Shopify Storefront Access Token (lo obtenes desde el Admin de tu tienda, en Configuración > Apps y canales integrados > Acceso a la API). Define también cualquier variable custom que use tu código (URL de API externa, claves de terceros, etc.).

**Paso 4**: realiza un push a tu rama principal. Oxygen detecta automáticamente el cambio y comienza el despliegue. Tarda típicamente 2-5 minutos en completarse.

**Paso 5**: accede a tu tienda en la URL que Oxygen proporciona (formato: `tu-proyecto.oxygen.shopifyapps.com` o un dominio custom si lo configuraste). Verifica que los productos carguen, que el carrito funcione y que los pagos procesan correctamente.

**Debugging**: si algo falla, revisa los logs en Oxygen (pestaña "Deployments"). Busca errores de conexión a Shopify Admin API, validación de tokens o fallos de runtime en tu código JavaScript.

**Dominio personalizado**: si quieres usar un dominio propio (ej: tienda.tuempresa.es), configúralo en Oxygen y apunta los DNS de tu registrador hacia los servidores de Shopify. Oxygen emite automáticamente certificados SSL.

**Usa Oxygen si**: - Desarrollas una tienda Hydrogen personalizada donde el control total sobre la experiencia es crítico. - Necesitas integración perfecta con Admin API y webhooks de Shopify sin intermediarios. - Tu equipo ya maneja JavaScript/React y quiere evitar saltos tecnológicos. - El proyecto justifica el costo adicional de hosting (tiendas con margen suficiente para absorber €100-500 EUR mensuales en infraestructura). - Prefieres que Shopify gestione la infraestructura en lugar de configurar y mantener servidores.

**No uses Oxygen si**: - Tu tienda es una tienda clásica con tema Liquid estándar (Oxygen es innecesario; usa hosting nativo de Shopify, que es gratuito). - El presupuesto de hosting es muy ajustado (<€20 mensuales). Vercel o Netlify pueden ser más económicos para tráfico mínimo. - No tienes experiencia con Hydrogen o no quieres invertir en aprenderlo. La curva de aprendizaje incluye Node.js, React, APIs REST/GraphQL.

**Alternativas populares**: - **Vercel**: ofrece hosting para frameworks Next.js/React con plan gratuito generoso (hasta 100 GB de bandwidth). Requiere configuración manual de variables de entorno y CDN. - **Netlify**: similar a Vercel, con soporte para funciones serverless nativas. Precios competitivos para startups. - **AWS/Google Cloud**: máximo control pero requiere expertise DevOps. Ideal solo si tienes necesidades muy específicas (machine learning, procesamiento masivo).