Vercel Shop GA: Open-source Next.js storefront for Shopify with agent-first shopping tools

Vercel Shop, an open-source Next.js storefront template for Shopify, is now generally available. It is designed to treat AI agents as first-class shoppers by providing machine-readable product information and standardized tools, rather than forcing agents to interpret human-centric web pages.

Agent-First Architecture

The template builds on Shopify’s rebuilt Hydrogen SDK, which is also now generally available and works across JavaScript frameworks. Vercel Shop exposes product details like price, availability, and options as machine-readable content. This allows the same URL to serve a visual page to humans and structured data to agents.

It integrates the Universal Commerce Protocol (UCP), co-developed by Shopify, to give agents a standard way to search catalogs, check availability, build carts, and retrieve checkout links. These capabilities are discoverable at the merchant’s domain, enabling agents to use MCP to shop without navigating the site layout.

Unified Shopping Experience

The storefront includes a shopping assistant powered by eve, sharing the same codebase as the main store. This allows teams to customize both the design and the assistant’s behavior. Skills included in the template guide coding agents through setup and updates. Shoppers can browse traditional pages or interact with the assistant, with both experiences sharing the same cart state.

Performance and Availability

Vercel launched its own merch store at vercel.store using the template. Existing brands like AG1, Bombas, and PAIGE already use Shopify, Next.js, and Vercel. PAIGE reported a 22% increase in revenue and a 76% increase in conversion during Black Friday and Cyber Monday after re-architecting with this stack.