Headless commerce has been one of the most discussed architectural patterns in e-commerce for several years. In 2026, the reality is more nuanced than the hype suggests. Shopify headless is genuinely powerful for specific use cases — and significantly over-engineered for the majority of merchants. This guide separates the two.
What Headless Commerce Actually Means
In a traditional Shopify setup, the frontend (what shoppers see) is tightly coupled to the Shopify backend through Liquid templates. Shopify manages the storefront rendering. In a headless setup, the frontend is completely decoupled — built as a separate application (typically in React, Next.js, or Shopify’s own Hydrogen framework) — which communicates with Shopify’s backend exclusively through APIs. Shopify handles commerce logic, products, carts, and checkout; a custom frontend handles everything the customer sees.
Traditional vs Headless: Honest Comparison
| Factor | Traditional (Liquid Themes) | Headless (Custom Frontend) |
|---|---|---|
| Initial build cost | £5K–£30K | £40K–£150K+ |
| Time to launch | 4–12 weeks | 16–52 weeks |
| Frontend flexibility | Moderate (theme constraints) | Complete (full custom) |
| Performance (Core Web Vitals) | Good with optimised theme | Excellent when built correctly |
| App ecosystem compatibility | Full (most apps are Liquid-based) | Reduced (many apps need manual integration) |
| Ongoing maintenance | Low–moderate | High (dedicated developer needed) |
| Shopify feature adoption | Automatic on updates | Manual integration required per feature |
| Team requirement | Shopify developer or agency | Full-stack React + Shopify developer |
The Hydrogen + Oxygen Stack
Shopify’s official headless framework is Hydrogen — a React-based framework optimised for Shopify’s Storefront API. It handles routing, cart state, predictive search, and checkout redirection out of the box. Oxygen is Shopify’s hosting platform for Hydrogen storefronts, included with Shopify Plus. A Hydrogen site deployed to Oxygen runs at Shopify’s edge, close to your customers globally, with no hosting cost beyond the Plus subscription.
For headless builds on Shopify, Hydrogen + Oxygen is the recommended starting point. Using Next.js with the Storefront API is an alternative if your team has strong Next.js expertise, but Hydrogen is specifically designed for Shopify’s data model and performs better out of the box in most benchmarks.
If you are evaluating whether a headless build makes sense for your brand, OneOnic’s Shopify development team can assess your current architecture and give an honest recommendation on whether headless adds value for your specific situation.
When Headless Actually Makes Sense
Headless is justified when at least one of the following is true: your brand requires a truly bespoke UX that cannot be achieved within theme constraints (interactive product configurators, immersive editorial experiences, complex filtering beyond standard collection pages); you have very high traffic where every millisecond of page load directly affects conversion; you are building a multi-channel presence where the same Shopify backend serves a mobile app, a web app, and a physical kiosk simultaneously.
For a DTC brand doing under £5M GMV with standard product types and standard checkout flows, a well-built Liquid theme on Online Store 2.0 will outperform a headless build on performance, cost, and operational simplicity.
Frequently Asked Questions
Do I need Shopify Plus for a headless storefront?
No — the Storefront API is available on all Shopify plans. However, Oxygen hosting is Plus-exclusive. If you are on a lower plan, you would host your custom frontend on Vercel, Netlify, or your own infrastructure. Plus removes that hosting cost and complexity.
Will Shopify apps work with a headless storefront?
This is the most significant practical limitation of headless. Many Shopify apps inject functionality via Liquid snippets or theme app extensions — these do not work in a headless setup without custom integration work. Before committing to headless, audit which apps are critical to your stack and confirm each has an API or SDK that supports a headless implementation.
How does checkout work in a headless Shopify build?
In most headless Shopify implementations, checkout still uses Shopify’s native checkout — shoppers are redirected from your custom frontend to Shopify’s hosted checkout page. This is actually an advantage: Shopify’s checkout has high trust signals, handles payment security, and is Checkout Extensibility-compatible. Fully custom checkout is possible but requires Shopify Plus and significant development effort.
Ready to Grow Your Shopify Store?
Our Shopify experts at OneOnic have helped hundreds of brands launch, optimise, and scale. Let’s talk about your project.
