Development

Shopify headless: when the effort pays off — and when it does not

September 16, 2026 · 6 min · zrapp.group

"We want to go headless" almost always arrives with the same reasoning: the site should be faster. In most cases that is the wrong route to the right goal. This article explains what headless means technically, which reasons genuinely justify it, and what the move costs over time.

Key takeaways
  • Headless means Shopify stays as checkout and commerce engine while the visible site is built separately and pulls data through an API.
  • Hydrogen is Shopify’s React toolkit for this, Oxygen the matching hosting.
  • The reason people name most often — speed — rarely holds. A well-built theme is usually fast enough.
  • Headless costs more permanently: what is a setting in a theme becomes a development task.

What headless means technically

A normal Shopify store is two things in one: Shopify manages products, orders and payments — and also serves the pages, through a theme.

Headless separates those. Shopify stays behind the scenes, but the visible site is a separate application that pulls data through the Storefront API. The theme disappears entirely.

Checkout normally stays with Shopify. That is not a limitation but the reason payments and tax keep working.

Hydrogen and Oxygen

Hydrogen is Shopify’s own toolkit for such applications, built on React. It ships components for cart, product pages and navigation so projects do not start from zero.

Oxygen is the matching hosting from Shopify. You are not bound to it — a Hydrogen app runs elsewhere too — but the pair is the intended path.

Reasons that hold up

Three cases justify the effort in our experience:

  • The interface is the product — configurators, calculators, elaborate selection flows a theme cannot express.
  • One front end, many sources — the store is part of a larger application pulling content from several systems.
  • An existing front end should stay, with Shopify moving in behind it as the commerce engine.

Why speed is rarely the right reason

Slow stores are almost never slow because they use a theme. They are slow because of uncompressed images, a dozen apps each loading their own scripts, and fonts fetched from third-party servers.

None of that disappears with headless — it moves along. If load time is the goal, clean up the theme first. It costs a fraction and works immediately.

What headless costs long term

Building it is one thing. The expensive part comes after: in a theme a new page template is a setting; headless it is a development task. The same goes for every change to navigation, campaign banners or product display.

On top of that, many App Store apps stop working because they hook into the theme. Whatever they did has to be built yourself.

So do not price the project, price the next three years. If you need several front-end changes a month, headless costs you noticeably more.

The middle path

There is more between theme and headless than the either-or question suggests. A clean theme with well-built sections carries a long way, and individual special cases can be handled with a custom app.

We therefore only propose headless when one of the three solid reasons applies. Otherwise we build the theme to be fast — and save you the running cost.

Sources and review basis

Product features were checked against the current zrapp implementation. Tax information is not individual advice.

Frequently asked questions

Does checkout stay with Shopify?

Normally yes, and that is a good thing: payments, tax calculation and fraud checks keep working unchanged.

Does headless make the store faster?

Not automatically. The usual brakes are images, apps and remotely loaded fonts — they travel with you. A clean theme is usually fast enough.

Will my apps keep working?

Many will not. Apps that hook into the theme no longer apply headless. Their function has to be rebuilt.

Do I have to use Oxygen for hosting?

No. A Hydrogen app runs elsewhere too. Oxygen is the intended path, not a requirement.

zrapp.group Logo

Headless — or a fast theme after all?

We will look at what actually slows your site down and say honestly which route gets you there for less.

Request a project
Related articles
Development
Shopify Plus: when the upgrade actually pays off
Development
Setting up Shopify B2B: companies, price lists, payment terms
Development
Connecting Shopify to ERP and inventory systems
Start a project