Vercel y Shopify reconstruyen el framework Hydrogen como open source y agnóstico de runtime

Vercel y Shopify anunciaron en la conferencia Vercel Ship 26 en Nueva York que están reconstruyendo completamente el framework Hydrogen para comercio sin cabeza, haciéndolo de código abierto y agnóstico al runtime — ahora podrá ejecutarse en cualquier entorno donde se ejecute JavaScript, no solo en conjunción con un stack específico.

Qué cambiará en la nueva arquitectura

Hydrogen previamente simplificó el lanzamiento de frentes de tienda sin cabeza pero era difícil de portar entre stacks. La nueva versión es abierta y no está vinculada a un runtime: los desarrolladores podrán construir una tienda en Svelte, Nuxt, Next.js o en su propio framework.

• Anuncio hecho en la conferencia Vercel Ship 26 en Nueva York
• Nueva versión de Hydrogen — código abierto y agnóstico al runtime
• Svelte, Nuxt, Next.js y frameworks arbitrarios soportados
• Arquitectura dividida en tres capas: core, client y server

Cómo está estructurada la capa core

Anteriormente, cada equipo escribía código "adhesivo" por su cuenta para trabajar con Shopify API — por ejemplo, para formatear precios: la API devuelve no un número, sino su propio tipo MoneyV2, donde el monto se codifica como una cadena. Ahora esta lógica se extrae en una capa core común basada en Intl.NumberFormat estándar: el desarrollador llama a la función formatMoney lista para usar y obtiene un precio formateado sin escribir y mantener su propio envoltorio. Cuando Shopify API cambia, actualizar se vuelve trivial, no una corrección manual en cada proyecto.

Qué hace la capa client

La capa client maneja soluciones repetidas para la representación — principalmente el estado del carrito de compras. Anteriormente, todos los que construían una aplicación comercial escribían su propia versión de un proveedor de carrito: métodos para agregar, actualizar y eliminar artículos, aplicar descuentos, trabajar con moneda, estados de error, sincronización entre pestañas del navegador. En la nueva versión de Hydrogen, el estado del carrito se conecta mediante una importación de gancho useCart simple, no se reescribe desde cero en cada proyecto.

Qué significa esto

Vercel y Shopify extraen la lógica repetida de las tiendas en línea — formato de precio, estado del carrito — en una capa abierta común que se corrige y mejora una vez para todos, en lugar de que cada equipo resuelva las mismas tareas una y otra vez en su propio stack.

Preguntas frecuentes

¿En qué frameworks puedo usar el nuevo Hydrogen?

El framework es agnóstico al runtime y explícitamente soporta Svelte, Nuxt, Next.js, y también permite conectar tu propio framework de desarrollador.

¿De qué capas consta la nueva arquitectura Hydrogen?

Los desarrolladores distinguen tres capas: core (lógica general para trabajar con Shopify API), client (estado de UI y carrito) y server.