Vercel and Shopify Launch Agent-Focused Storefront Tool

What happened

Vercel and Shopify have introduced a new method for agents to shop as first-class customers by allowing them direct access to product details and tools. This initiative includes the general availability of Vercel Shop, an open-source Next.js storefront template built on Shopify’s Hydrogen SDK.

The Hydrogen SDK, which supports multiple JavaScript frameworks, is now generally available after being announced earlier this year. Vercel Shop enables agents to interact with product information through structured data and sitemaps, making product pages machine-readable for search engines and answer engines.

Why it matters

This development aims to improve how agents and search engines engage with storefronts by making product data more accessible. The Universal Commerce Protocol (UCP) allows agents to search, read, and build carts without visiting a website, which could streamline the shopping process for both consumers and automated systems.

Key details

Vercel Shop integrates the store’s product catalog, cart, checkout, and shopping assistant into one codebase, enabling customization and improved user experiences. The template also includes guides for developers to set up and update the system.

Brands like AG1, Bombas, and PAIGE have used Shopify, Next.js, and Vercel for their storefronts, with PAIGE reporting a 22% revenue increase and 76% higher conversion rates during Black Friday and Cyber Monday after re-architecting their platform.