Shopify Headless Commerce: What It Is, What It Costs and When It's Worth It

What is headless Shopify?

Headless Shopify means Shopify runs the commerce backend (products, inventory, cart, checkout, customers) while your storefront is a separate frontend app that talks to Shopify through APIs. The theme is gone; your developers build and host the frontend themselves.

In a standard store, Shopify renders every page from a Liquid theme. In a headless store, a JavaScript app, usually React-based, fetches data from the Storefront API (GraphQL) and the Customer Account API and renders the pages. When a shopper checks out, they're handed off to Shopify checkout, so payments, taxes and order processing still run on Shopify.

The main building blocks in 2026:

• Storefront API: GraphQL API for products, collections, search, cart and checkout handoff. Real buyer traffic has no fixed request limit, and it's versioned quarterly (2026-10 is the current stable version).
• Hydrogen: Shopify's own headless framework, built on React Router, with Shopify-specific components, caching and CLI tools.
• Oxygen: Shopify's edge hosting for Hydrogen storefronts, included at no extra cost on eligible plans.
• Headless channel: for storefronts on any other stack, such as Next.js on Vercel, Nuxt, Astro or a native mobile app, with API tokens managed in one place.

Why do brands go headless?

Brands go headless when a theme limits what they need to build: unusual UX, heavy content, several channels from one backend, or tight performance control. It's a solution to specific problems, not an upgrade every store needs.

• Custom experiences: product configurators, 3D or AR viewers, complex bundles, app-like navigation and transitions that would fight a theme's structure.
• Content-heavy brands: editorial, magazine-style sites that pair Shopify with a headless CMS like Sanity, Contentful or Storyblok.
• Multi-channel: one product backend feeding a website, iOS and Android apps, in-store kiosks or several brand sites.
• Performance control: server-side rendering at the edge, fine-grained caching and no theme or app script bloat. The speed depends on the build, though. A badly built headless site can be slower than a well-built theme.
• Developer workflow: teams that already work in React, use Git-based deploys and want full control of their codebase.

Liquid and Online Store 2.0 vs headless: what's the difference?

The short version: Online Store 2.0 themes trade some flexibility for speed of building, a visual editor and full app compatibility. Headless trades those for total frontend control.

Which Shopify plans support Hydrogen and Oxygen?

Hydrogen and Oxygen aren't Plus-only. According to Shopify's developer docs, Oxygen hosting is included at no extra charge on the Starter, Basic, Grow, Advanced, Plus and Pause and build plans. It isn't available on the Agentic plan.

Development stores, Plus sandbox stores and trial plans can use Oxygen to build and test, but their deployments aren't public and require a store login. You enable it by installing the Hydrogen sales channel. If you'd rather use Next.js or another stack, you connect through the Headless channel and host the frontend wherever you like.

The plan question matters less than it looks. Headless itself is cheap to switch on. What costs money is building and running the frontend, and many brands that go headless are on Plus anyway because they need its checkout, B2B or multi-store features.

How much does headless Shopify cost?

Headless costs more than a theme build, both upfront and every month after. Shopify's own documentation says a headless storefront costs more to build and run than a theme and needs developers to maintain it after launch.

Where the money goes:

1. Build: every page, component, search, filtering, account area and cart has to be built. A theme gives you these for free.
2. CMS: if marketers need to edit pages, you'll add a headless CMS subscription and integrate it.
3. Hosting: free on Oxygen. Vercel, Netlify or similar hosts charge based on traffic for other stacks.
4. App replacements: reviews, wishlists, subscriptions, upsells and loyalty apps need API integrations or headless-ready alternatives.
5. Maintenance: keeping up with quarterly API versions, framework upgrades, security patches and monitoring. Budget a developer retainer, not a one-off build.

As a rough rule, plan for a headless project to cost several times a comparable custom theme build, and for ongoing development to be a permanent line in your budget.

When should you not go headless?

Don't go headless if a well-built Online Store 2.0 theme can do what you need. For most brands, it can.

• Your main goal is speed. A lean custom theme, fewer apps and optimized images usually get you most of the way for a fraction of the cost.
• Your team edits the site daily and relies on the theme editor.
• Your store depends on many theme-based apps for reviews, bundles, upsells or personalization.
• You don't have, or don't want to pay for, a development team after launch.
• You're pre-product-market-fit or still changing your offer every month.

Our take: headless is the right call for a minority of brands with a clear reason, like a product configurator, a content platform or a native app. It's the wrong call when the reason is "it sounds more premium." Most brands get better results from a custom Liquid theme with sections designed around their content.

Is there a middle ground?

Yes. You can stay on a Liquid theme and still get much of what headless promises.

• Custom sections and blocks for unique layouts, editable in the theme editor.
• Metaobjects for structured content like ingredient libraries, lookbooks or store locators.
• Embedding interactive React components only where needed, such as a configurator on one product template.
• Using Storefront Web Components or the Buy Button to add Shopify products to a separate content site.

How we can help

We help brands decide between a custom theme and headless based on what they actually need, then build it. If you're on Plus or heading there, see our Shopify Plus services, or read about custom Shopify development.