Vercel Shop llega a GA: las tiendas de Shopify aprenden a vender a agentes de IA

Vercel ha declarado de disponibilidad general Vercel Shop, una plantilla abierta de tienda en Next.js para comercios en Shopify. Al mismo tiempo, la Hydrogen SDK reescrita llega a GA y ahora funciona no solo con un único framework, sino con distintos stacks de JavaScript.

La premisa de partida es sencilla: los agentes ya compran en la web, pero usan páginas y herramientas pensadas para personas y buscadores. Vercel y Shopify proponen tratar al agente como un comprador de pleno derecho y darle su propia capa de datos y acciones. Como argumento, las compañías citan a PAIGE.

Tras rehacer su plataforma de e-commerce, la marca obtuvo +22% de ingresos y +76% de conversión durante el Black Friday y el Cyber Monday, sin interrupciones del servicio.

Una URL para la persona y para el agente

La mecánica principal de Vercel Shop es que la ficha de producto existe en dos formas bajo una misma dirección. La persona ve una página visual. El agente recibe el precio, la disponibilidad y las variantes del producto como contenido legible por máquina, y no necesita analizar el maquetado para extraer esos campos. Para los buscadores y los motores de respuestas (answer engines), la plantilla incluye datos estructurados en las páginas y en el sitemap, de modo que puedan encontrar y entender los productos.

La base es la Hydrogen SDK. Da acceso al catálogo, el carrito, la gestión de pedidos, los pagos y el checkout. A principios de este año, Vercel y Shopify anunciaron que reescribirían Hydrogen para que funcione con distintos frameworks de JavaScript. Ahora ese trabajo está hecho y la SDK ya está en disponibilidad general.

UCP y MCP: cómo arma el agente el carrito

La segunda capa se ocupa de las acciones. Shopify participó en el desarrollo de Universal Commerce Protocol (UCP). El protocolo define una forma estándar en que el agente busca en el catálogo, lee la ficha, comprueba la disponibilidad, arma el carrito y obtiene el enlace de checkout. Vercel Shop hace que estas capacidades estén disponibles en el dominio del propio comerciante. El agente se conecta por MCP, busca productos y forma el carrito sin navegar por el sitio.

En Vercel Ship SF hablaron de esto Tobi Lütke y Guillermo Rauch. Lütke subrayó que el checkout es complejo y requiere «20 años de perfeccionamiento». Por eso Shopify está abierta a que los desarrolladores tomen partes de su checkout y construyan con ellas lo que quieran. Rauch describió la plantilla como rápida, bien diseñada y lista para trabajar con agentes.

Qué incluye la plantilla

• Tienda en Next.js sobre el catálogo, el carrito y el checkout de Shopify.
• Fichas legibles por máquina: precio, disponibilidad, opciones.
• Datos estructurados y sitemap para buscadores y motores de respuestas.
• Herramientas para agentes basadas en UCP, accesibles por MCP en el dominio del comerciante.
• Asistente integrado basado en eve, que encuentra productos y los añade al carrito.
• Carrito único para la tienda convencional y el asistente.
• Skills para agentes de programación: ayudan con la configuración, la personalización y la actualización de la plantilla.

La tienda y el asistente conviven en un mismo repositorio. El equipo puede cambiar el diseño y el comportamiento del asistente a la vez, sin mantener dos proyectos separados. El comprador puede empezar buscando con el asistente, pasar a la página del producto y no perder el carrito.

Cómo probarlo

El primer ejemplo en producción es la tienda de merchandising vercel.store, con lanzamientos (drops) de edición limitada. Está construida sobre Vercel Shop, y su agente de compras selecciona productos, los añade al carrito y guía al usuario hasta el pago. La combinación de Shopify, Next.js y Vercel ya funciona en AG1, Bombas y PAIGE.

Para empezar basta un solo comando:

`pnpm create next-app@latest my-store --example https://github.com/vercel/shop`

Después hay que conectar la tienda de Shopify y configurar la tienda según la documentación. Los equipos que ya tienen un catálogo en Shopify deberían comprobar cómo ven sus fichas los agentes: si incluyen precio, disponibilidad y opciones en un formato legible. Quienes empiezan desde cero o rehacen el frontend obtienen la capa para agentes directamente en la plantilla. Las cifras de PAIGE corresponden a la reconstrucción global de la plataforma, y no solo al canal de agentes, por lo que conviene medir por separado el efecto de los propios agentes con datos propios.