Shopify Headless Commerce: Hydrogen, Oxygen, and When to Go Headless

Every year or two a wave of stores decides they need to go headless because a competitor did, or because a conference talk made it sound like the thing serious brands do. Then some of them quietly come back.

So let me lead with the recommendation, because the rest of this article is just the reasoning and the exceptions: most Shopify stores should not go headless. If you don't have a developer you can reach the same day something breaks, and your main problem is "the site feels a bit slow," headless is an expensive answer to a question you could solve for a fraction of the money by fixing your theme and pruning your app stack.

Headless is a real tool. It solves real problems for a specific kind of store. It is also the single most oversold architecture decision in ecommerce, and the stores that get talked into it without needing it end up slower to ship, more dependent on developers, and poorer.

Here's the honest version of what it is, what it costs, and the three situations where it actually earns its price.

"Headless" means you split the store in two. The front end — everything the customer sees, the pages, the product galleries, the design — gets built as a separate custom application. The back end — the cart, the checkout, inventory, orders, discounts, the admin — stays inside Shopify. The two talk to each other through Shopify's Storefront API.

On a normal Shopify store, those two things are one thing. Your theme is written in Liquid, Shopify's templating language, and it's welded directly to the commerce engine. You edit it in the theme customizer, you install apps that drop their code into it, and everything just works together because it was built to.

Go headless and you cut that weld. You get to build the front end in whatever you want — in practice, React — and Shopify still runs the money-handling parts it's genuinely excellent at. Nobody sane rebuilds Shopify checkout. You keep that. You're only replacing the storefront.

The trade is simple to state and brutal in practice: you gain total control over the front end, and you lose everything that made Shopify easy.

These two names come up in every headless conversation and they get conflated constantly. They're different things.

Hydrogen is Shopify's own React framework for building headless storefronts. Think of it as a starter kit and a set of building blocks — pre-made components for carts, product data, and the Storefront API connection — so your developers aren't wiring up commerce plumbing from scratch. Before Hydrogen existed, headless Shopify builds were done in Next.js or Nuxt or whatever the agency liked, and every one was a bespoke snowflake. Hydrogen made it more standard, which made it cheaper and less risky. If you're going headless in 2026, you're almost certainly building in Hydrogen unless you have a strong reason not to.

Oxygen is Shopify's hosting for Hydrogen storefronts. It's a global edge network — your store runs close to your customers wherever they are — and it's included free with your Shopify plan if you build on Hydrogen. That "free" matters more than it sounds: hosting a custom front end elsewhere (Vercel, Netlify, your own infrastructure) is a recurring bill and a thing someone has to manage. Oxygen removes that line item and that headache, which is a large part of why Hydrogen-plus-Oxygen became the default headless path rather than rolling your own.

Short version: Hydrogen is what you build with, Oxygen is where it lives. You can go headless without either — plenty of stores use Next.js on Vercel — but Hydrogen and Oxygen together are the path Shopify wants you on, and for most headless builds they're the sensible choice.

This is the part the conference talks skip. When you go headless, here's what walks out the door:

The theme editor. Gone. No more dragging sections around, no more "let me just change the hero banner before the sale." Every visual change on the front end is now a development task. A merchandiser who used to update the homepage in ten minutes now files a ticket and waits.

Most of your apps. This is the big one. The Shopify app ecosystem — reviews, upsells, page builders, loyalty widgets, pop-ups — works by injecting code into your Liquid theme. No Liquid theme, no injection point. Some apps have headless-compatible APIs. Most don't. Every app you rely on has to be re-evaluated, and a chunk of them will need to be rebuilt as custom code or dropped. The store running Loox, ReConvert, a PageFly landing page, and a loyalty widget is going to find that stack does not survive the move intact.

Page builders. PageFly, Shogun, Replo, Instant — all Liquid-era tools. In a headless world your "page builder" is your React developer.

Speed of iteration. On Liquid, a marketer can launch a campaign landing page in an afternoon. Headless, that's a sprint. The irony nobody mentions: stores often go headless to move faster, and then move slower, because everything now routes through engineering.

The ability to hire help easily. Far more developers can work on a Liquid Shopify store than on a custom Hydrogen build. On shopexperts, 19 experts list headless development, against more than 1,100 in Shopify development, and the headless developers' median starting price is $475, against $200 for Shopify developers overall (October 2026).

None of this is a reason to never go headless. It's a reason to be honest about the bill — and the bill is mostly paid in flexibility, not just dollars.

Headless costs come in three parts: the build, the ongoing developer time, and the app features you have to rebuild. Here is what experts on shopexperts actually list, as of October 2026.

The build. Three packages on shopexperts are sold as headless builds, at $2,499, $2,800 and $5,000. Treat them as fixed-scope starting points: most headless builds are quoted per project once the expert has seen your catalog, integrations and app list, and a large multi-region store with custom logic is scoped separately. The 18 headless developers who list a starting price have a median of $475, with the middle half between $100 and $500. A starting price is the smallest job an expert will quote, so it tells you they take small jobs, not what a headless store costs. Build timelines run 3 to 9 months; anyone quoting you a headless build in "a few weeks" is quoting you something that isn't really headless or isn't really finished.

The ongoing cost. A headless store needs continuous developer access, in-house or retained. Monthly support and maintenance retainers on shopexperts have a median of $1,950, with the middle half between $500 and $2,575 (22 packages, for Shopify stores in general). A headless store needs more of that time than a theme store, because the front-end changes a merchandiser used to make now go through a developer. A Liquid store can go months without touching a developer. A headless store cannot. If you can't fund that indefinitely, you can't run headless, full stop.

The hidden cost. Every app you lose and rebuild is a cost. Every campaign that now takes a sprint instead of an afternoon is a cost. These don't show up on the invoice, but they're real.

Compare that with the cheaper routes in the next section: speed optimization packages on shopexperts have a median of $659, and custom theme development packages a median of $1,750. For custom build budgets in more detail, see Shopify custom development cost, or compare headless Shopify developers and ask for a scoped quote.

Three situations. That's basically it.

1. You're a content-and-commerce hybrid at scale. Big editorial operation, magazine-style content living next to the store, complex publishing needs, huge traffic. The kind of site where the front end genuinely is the product and a theme can't express it. Media brands, large publishers with a shop, stores where content is the acquisition engine. Headless lets the front-end team build whatever they want and treat Shopify as a commerce API behind it.

2. You've hit a hard performance ceiling that speed optimization can't fix. Note the order of operations here: you go headless after you've properly optimized a Liquid store and still hit a wall, not instead of. A tuned premium theme with a clean app stack is fast. If you've done that work — image optimization, app pruning, lazy loading, a fast theme — and you're still constrained by Liquid's ceiling at genuinely high traffic, headless gives the front-end team control to squeeze out performance a theme can't reach. Most stores that "need headless for speed" have simply never done the cheap optimization work first.

3. You have the team. This one is a gate, not a reason. Even if 1 or 2 apply, if you don't have in-house developers or a retained agency who can respond same-day, headless will hurt you. The best reason in the world to go headless evaporates the first time your homepage breaks on a Friday and there's nobody to fix it until Monday.

Notice what's not on this list: "our competitor went headless," "we want the site to feel premium," "an agency told us we should." None of those survive contact with the ongoing cost.

If you're reading this article because your store feels slow or dated and headless got floated as the fix, start here instead — it's cheaper and usually solves the actual problem.

Optimize the store you have. A fast premium theme on a store with a pruned app stack and properly optimized images is fast. Most "we need to go headless for speed" conversations end the moment someone runs a real audit and finds a stack of apps loading scripts on every page. Fix that first. If speed is the goal, a Shopify speed optimization expert will get you most of the way there for a fraction of a headless build; speed optimization packages on shopexperts have a median of $659 (19 packages).

Use metafields and metaobjects for custom content. A lot of what people think requires headless — custom content structures, complex product data, editorial modules — can be built natively with metafields and metaobjects on a normal Liquid store. No decoupling required.

Go with a custom theme, not a custom front end. If your real need is total design control, a genuinely custom Liquid theme built by a good developer gets you the look without throwing away the app ecosystem. Custom theme development packages on shopexperts have a median of $1,750 (10 packages). It's the middle path most "we want something unique" stores actually need.

Headless should be the thing you do when these have run out of road — not the first move.

If you've read this far and you're still in one of the three situations — content-commerce at scale, a real performance ceiling, and the team to support it — then the decision isn't whether, it's who.

Headless is not general Shopify work. A developer who's brilliant at Liquid themes may never have shipped a Hydrogen storefront, and the two are different disciplines. Vet specifically for it: ask for live Hydrogen builds you can visit, not slide decks. Ask how they handled the app-replacement problem on past projects, because that's where headless builds quietly fail. Ask who maintains it after launch and what that costs, because a build without a maintenance plan is a time bomb.

This is a case where hiring the wrong person is genuinely expensive — a stalled or broken headless build can cost more to rescue than it did to attempt. Work with a Shopify headless development expert who has actually shipped and maintained headless storefronts, or a Hydrogen and headless commerce specialist specifically if you're building on Shopify's own stack. Both categories on shopexperts are vetted for real, verifiable experience — which matters more here than in almost any other Shopify hire.

Headless is a real capability that solves real problems for a small number of stores, and a very expensive mistake for everyone else. If you're a high-traffic content-commerce brand with developers on hand, it can be the right architecture. If you're a growing store that just wants a faster, better-looking site, fix your theme and your app stack first — you'll get most of the benefit for a tiny fraction of the cost, and you'll keep the flexibility that made you choose Shopify in the first place.

If you're weighing the decision seriously, get a straight answer from someone who's built and maintained headless storefronts before committing to a build. Work with a Shopify headless development expert, or a Hydrogen and headless commerce specialist if you're committing to Shopify's own stack. Free matching, verified experience, no commissions.

Related guides on Shopify development, speed, and platform decisions:

• Shopify Headless Development Experts — vetted developers who've shipped and maintained headless storefronts
• Shopify Hydrogen & Headless Commerce Experts — specialists in Shopify's own headless stack
• Shopify Speed Optimization Experts — the cheaper fix most "we need headless" stores actually need
• Shopify Custom Development Cost — what custom builds, including headless, actually run
• Shopify Plans & Pricing 2026 — Oxygen hosting is included free on your Shopify plan