Shopify Hydrogen vs Other Headless Options for Merchants
Shopify Hydrogen versus another headless option such as Next.js is mostly a choice about who hosts the storefront and what your developers know. Hydrogen is Shopify’s own framework for custom storefronts, hosted on Shopify’s Oxygen, which Shopify’s Hydrogen fundamentals page says is available at no extra charge on paid Shopify plans; Next.js or another framework talks to the same Shopify APIs but runs on a host you choose and pay for. In both cases, Shopify keeps running the checkout, payments, orders and admin, so the decision is about the front end only.
What stays Shopify either way
A headless storefront replaces the Online Store channel and its Liquid theme, according to Shopify’s Help Center page on custom storefronts, read on October 23, 2026, and connects to Shopify for the rest. Whatever framework you pick:
- Checkout and payments stay on Shopify: Shopify Payments, Shop Pay, fraud analysis and the order flow.
- Products, inventory, customers and orders are managed in the Shopify admin, as before.
- Apps that work in the admin, such as inventory or bulk editing tools, keep working.
- What changes is everything the shopper sees before checkout: pages, navigation, product pages, search, and how apps that add storefront blocks are integrated.
Hydrogen and Oxygen vs Next.js and others
| Hydrogen on Oxygen | Next.js (or another framework) on your own host | |
|---|---|---|
| What it is | Shopify’s framework for custom storefronts, built on React Router | A general web framework, connected to Shopify through the Storefront API |
| Hosting | Oxygen, Shopify’s edge hosting, included at no extra charge on paid plans | Vercel, Netlify, your cloud or server; you pay and run it |
| Shopify-specific helpers | Built in: data loading and caching strategies for Storefront API data | Through Shopify’s Hydrogen SDK (as in Vercel Shop), other libraries or your own code |
| Multiple storefronts | Shopify Plus includes up to 25 Hydrogen storefronts on Oxygen | As many as you host |
| Other back ends | Possible, but the framework is built around Shopify | Common: one front end for several systems |
| Team you need | React developers who learn Shopify’s conventions | React developers plus whoever runs the hosting |
| Hosting lock-in | Hosted on Shopify’s Oxygen | Hosted where you choose; Shopify still the commerce back end |
The Plus figure comes from Shopify’s Help Center page on the Shopify Plus plan, and the caching strategies (short, long, none and custom; Customer Account API data is never cached, and Storefront API customer queries need caching turned off) from Shopify’s guide to caching in Hydrogen.
The line between the two options blurred with Shopify’s Fall ’26 Edition (October 28, 2026), which lists Vercel Shop, “Vercel’s production-ready Next.js template”, built on the new Hydrogen SDK, and Rollouts A/B tests that run across headless builds. A Next.js storefront can now use Shopify’s own helpers, so the choice is more about hosting and your team than about features. Whichever you pick, ask for a fixed scope in the quote and budget for monthly upkeep as well as the build.
Which one fits your store
- You are on Shopify for the long term and want the least to run: Hydrogen on Oxygen. Hosting is Shopify’s problem, and the framework’s helpers are made for the Storefront API.
- Your front end already serves other systems, such as a CMS-heavy site or a marketplace with several back ends: Next.js or the framework your team knows, hosted where you host everything else.
- Several brands on Plus: Hydrogen’s 25 included storefronts on Oxygen save paying for hosting per site.
- Your developers are an agency on a short contract: pick the framework the people who will maintain it next year already know.
- You are not sure you need headless at all: read headless vs themes first; the case for and against headless is covered there.
Costs on the theme side for comparison are in theme vs custom build, and what the Plus plan includes beyond storefronts in Shopify Plus. Other operations guides are in the running a store hub.
Frequently asked questions
Is Hydrogen free? Hydrogen itself is Shopify’s framework, and Shopify’s developer docs say Oxygen hosting comes at no extra charge on paid plans; Plus includes up to 25 Hydrogen storefronts. Your main cost is the developers who build and maintain the storefront.
Can I use Next.js with Shopify checkout? A Next.js storefront uses the Storefront API to build the cart and then sends shoppers to Shopify’s checkout, so payments and orders stay in Shopify. You host and run the Next.js site yourself.
Do I need Plus for Hydrogen? Shopify’s developer docs list Oxygen hosting on paid plans, not only Plus. Plus adds the allowance of up to 25 Hydrogen storefronts, which matters for stores running several brands or regions.