Shopify headless commerce explained

Headless commerce is one of the most misunderstood topics in e-commerce. Merchants hear "headless" and assume it is automatically better — faster, more flexible, more modern. Sometimes that is true. Often, a well-built custom Shopify theme delivers the same outcomes at lower cost and complexity.

This article explains headless Shopify in plain terms so you can make an informed decision.

What headless means

In a traditional Shopify setup, the theme (Liquid templates) renders the storefront and Shopify handles everything behind the scenes. In headless, you decouple the frontend — built in React, Next.js, Hydrogen or another framework — from Shopify's backend. The custom frontend talks to Shopify via the Storefront API for products, cart and checkout.

Shopify still manages products, inventory, orders, payments and fulfilment. You are only replacing the presentation layer.

Benefits of going headless

Total frontend freedom — any design, any interaction, any content model. Performance potential — a well-optimised React frontend can achieve exceptional Core Web Vitals. CMS integration — connect Contentful, Sanity or your existing content platform. Multi-channel — serve the same commerce backend to web, app and kiosks.

A fast storefront does not require headless. The RVinyl case study reports a 98/100 page-speed score and more than doubled mobile conversions after a Shopify Plus migration with custom checkout logic. That case study does not describe a headless build.

Drawbacks and costs

Higher build cost — typically 30–50% more than an equivalent custom theme. Ongoing maintenance — you own the frontend codebase, hosting and deployments. Complexity — more moving parts means more potential failure points. App compatibility — some Shopify apps assume a theme context and may not work headless.

Headless is a engineering investment, not a marketing buzzword. Budget accordingly.

Shopify Hydrogen and Oxygen

Hydrogen is Shopify's official React framework for headless storefronts. Oxygen is Shopify's hosting platform for Hydrogen apps. Together they provide a supported path to headless without building everything from scratch.

We build headless storefronts with Hydrogen and custom React — and we will tell you honestly when a custom theme is the better fit.

Should you go headless?

Go headless if: you need a frontend that cannot be achieved in Liquid, you have an existing React design system, or performance requirements exceed what themes deliver. Stay with a custom theme if: your needs are met by Shopify's theme architecture, budget is a constraint, or you want simpler long-term maintenance.

Book a consultation and we will help you choose the right architecture for your business.