Shopify Headless vs Themes: When Headless Is Worth It
Shopify headless versus a theme comes down to one question: does your store need a shopping experience a theme cannot deliver, and do you have a development team to maintain it? For a store without such a requirement, a Liquid theme with the theme editor, app blocks and Shopify’s built-in speed work is cheaper and faster to change. Headless pays off for brands with a custom front end in mind, a content system they already run, or several storefronts on one back end, and with developers on staff or on retainer.
What headless means on Shopify
Shopify’s Help Center page on custom storefronts, read on October 23, 2026, defines headless commerce as an architecture where the front end and the back end are independent: you replace the Online Store channel and its Liquid themes with a storefront you build, and connect it to Shopify, which keeps running products, cart, checkout and orders. The building blocks are the Storefront API and Shopify’s SDKs.
Shopify’s own framework for this is Hydrogen, and its hosting is Oxygen. The Shopify Plus plan includes up to 25 custom React-based storefronts built with Hydrogen and deployed on the Oxygen edge network, according to the Help Center’s Plus plan page. You can also build with any other framework against the Storefront API and host it yourself.
Decision table
| Your situation | Theme | Headless |
|---|---|---|
| Marketing team edits pages and sections every week | Fits: the theme editor is built for it | Every new layout is developer work |
| You rely on apps for reviews, popups, upsells, bundles | Fits: apps add themselves through app blocks and embeds | Each app needs an API integration or a replacement |
| You run a CMS for editorial content and want one site | Workable with metafields and pages | Fits: the CMS and Shopify feed one front end |
| One storefront, one brand | Fits | Overkill |
| Several brands or regional sites on one catalog | Regions through Markets with theme customizations per market; separate brands need expansion stores, each with its own theme license | Fits, and Plus includes up to 25 Hydrogen storefronts |
| A shopping experience no theme can do (configurators, app-like navigation, content-led flows) | Limited by the theme architecture | Fits |
| No developer on staff or on retainer | Fits | Do not start |
| Speed is the only reason | Fix the theme first | Not on its own; see the performance note below |
If most of your rows land in the theme column, stay with a theme and spend the budget on content and product data. Go headless only if at least one row in the headless column is a business requirement you can name.
What you give up
The theme editor goes first. On a theme, a merchandiser changes a homepage banner, reorders sections or adds a landing page without a developer. On a headless storefront those changes happen in code or in a CMS your developers wire up, and every new page type is a project.
Apps are the second loss, and the one we see most closely because we build Shopify apps. Modern apps add themselves to a store through theme app extensions: app blocks a merchant drops into a section and app embeds switched on in the theme editor. Those render in Online Store themes. A headless storefront does not load them, so a review widget, a popup or an upsell offer has to be rebuilt against the app’s API, if it has one, or dropped. Before you commit, list every app that shows something on your storefront and ask each developer whether it supports headless.
Third, Shopify’s built-in speed work (CDN, image optimization, minified CSS and JavaScript) applies to the Online Store. On a custom storefront, performance is your developers’ job, which is the subject of headless performance.
Checkout stays with Shopify in both cases, so payments, fraud analysis and the order flow do not change.
Costs to expect
A theme starts free: the Theme Store has free themes, and paid themes are a one-time purchase from their developer, with no refunds. Customizing one is where the money goes. First Pier, a Shopify agency, quotes $2,000 to $10,000 for theme customization or a mid-sized build and $10,000 to $50,000 or more for a full custom build in its 2026 hiring guide; First Pier gives no headless figure; our estimate is that a headless build sits at or beyond the top of that range, because the front end is written from scratch.
The bigger cost is upkeep. A theme gets updates from its developer and keeps working when Shopify ships new features to the Online Store. A headless storefront needs developers for every change, for framework and API version upgrades, and for monitoring. Budget for a retainer, not only for the build. The cost side of custom work in general is in theme vs custom build, and Hydrogen and Oxygen in more detail in Hydrogen and Oxygen. Other operations topics are in the running a store hub.
Frequently asked questions
Is Hydrogen free? Hydrogen is Shopify’s framework for custom storefronts, and Shopify’s developer docs say Oxygen hosting is available at no extra charge on paid Shopify plans, from Starter and Basic up to Plus; the Plus plan page counts up to 25 Hydrogen storefronts. The build and the developers who maintain it are the real cost.
Do apps work with headless Shopify? Back-office apps that work in the admin, such as inventory or bulk editing tools, keep working. Apps that add blocks or embeds to the storefront do not render on a headless front end and need an API integration or a replacement.
Is headless faster? A headless storefront can be fast, but nothing makes it fast by default: caching, data loading and the JavaScript the front end ships are all up to your developers.