Start with ready-made primitives
Money, markets, Shop Pay, accounts, variants, consent-aware analytics. All maintained by Shopify.
Shopify commerce in your framework
Commerce primitives for you and your agents. Cart, search, accounts, and more, ready to add to the stack you already run.
Less code. Instant cart.
// ~/lib/cart calls createCartComponents() onceimport {} from "~/lib/cart"; export function AddItem({variantId}) { const {, } = (); return ( <form {...()}> <input type="hidden" {...(, {value: variantId})} /> <button {...()}>Add item</button> </form> );} export function ({line}) { const {, } = (); return ( <form {...()}> <input type="hidden" {...(, {value: line.id})} /> <input type="hidden" {...(, {value: line.quantity})} /> <button {...()}>−</button> {line.quantity} <button {...()}>+</button> <button {...()}>Remove item</button> </form> );}Give your agents the right skills
Setup copies the packaged guides into your project, so your agent reads the same instructions your install ships with.
Let shopping agents shop and check out
WebMCP exposes search, product variants, cart, and checkout as tools for AI shopping agents.
Catch errors as you code
A typed Storefront API client. Write GraphQL with gql() and get results typed against the schema.
Host for free with Oxygen
With 300+ points of presence globally, your storefront is within 50ms of 95% of the internet. Previews, caching, logs, and rollbacks at no extra cost.
Deploying elsewhere? Hydrogen also runs on Vercel, Cloudflare, your own Node server, and anywhere else JavaScript runs.
