Key takeaways
- A fixed-scope Hydrogen build usually lands between $15,000 and $60,000+, driven by catalogue complexity, integrations and how much content modelling you need. Our own projects start at $2,000 for smaller scopes.
- Hosting a mid-traffic Hydrogen storefront on Shopify Oxygen or Vercel typically costs $0 to $250 a month — less than the apps it replaces.
- Going headless usually removes 3 to 6 paid theme apps at $30 to $150 a month each, because reviews, upsells and search get built into the storefront rather than bolted on.
- Post-launch work should be a stoppable monthly retainer, not a cut of revenue or ad spend. Budget $500 to $3,000 a month depending on how often you ship.
- Oleum Crete's headless rebuild replaced a stock theme and lifted monthly sales eighteen times over. That is the number worth weighing the build cost against, not the invoice on its own.
What Does Headless Shopify Actually Mean, and Why Does It Cost More Than a Theme?
Shopify headless pricing splits into two very different numbers: a one-off build in the $15,000 to $60,000 range for most serious storefronts, and running costs of roughly $0 to $250 a month for hosting once it is live. Headless means the shop front — everything a customer sees — is a separate application, usually built in React with Shopify's Hydrogen framework, talking to Shopify through the Storefront API. Products, inventory, orders and checkout stay in Shopify. The design layer becomes software you own.
That is the cost driver. You are not buying a licence to a theme someone else maintains. You are commissioning an application.
Theme vs headless: where the code lives
On a theme, your storefront is Liquid templates running on Shopify's servers, shaped by the theme editor and stretched by apps. On headless, your storefront is your codebase, running on your hosting, calling Shopify for data. Anything you can describe, a developer can build: a size finder that filters on metafields, a bundle builder that prices in real time, a bilingual EN/AR layout that isn't a plugin's idea of right-to-left.
The trade-off is honest. You lose the theme editor's drag-and-drop, and you gain a codebase that needs a developer to change. That is fine if you have a plan for one, and expensive if you don't.
Why the build cost is front-loaded, not recurring
A headless project spends its money at the start. Discovery, content modelling, component library, integrations, QA, migration. After launch the monthly bill is small — hosting, your Shopify plan, a CMS seat or two. One published cost model for a Plus-scale headless operation puts recurring spend at $4,579 a month, of which $4,000 is engineering, with hosting assumed free on Oxygen. In other words, the platform is cheap. People are not.
A good headless Shopify agency should tell you both numbers before you sign. Ours are published: projects start at $2,000, quoted as a fixed price after a free call, with no hourly billing.
Shopify Headless Pricing: What Determines the Build Quote
Two merchants can both ask for "a Hydrogen store" and get quotes $40,000 apart. Here is what moves the number.
Catalogue size and product logic
Forty SKUs with one variant axis is a straightforward build. Four thousand SKUs with configurable options, regional pricing and stock rules across three warehouses is not. What costs money is not the row count, it is the logic: how many decisions the storefront has to make before it can show a price.
Custom features: guided selling, subscriptions, wholesale
Subscriptions, B2B price lists, quote requests, gift-with-purchase and guided selling quizzes are each a chunk of engineering. Worth knowing before you brief: the Storefront API is designed mainly for reading product and collection data and managing carts, so unusual commercial logic often needs a service of its own sitting alongside it. That is a line item, not a checkbox.
Design and content production
A design-led storefront needs design. If you arrive with a finished brand, a component library and photography, you save weeks. If art direction, copy and product photography are part of the job, add them to the quote rather than discovering them in week six.
Migration from an existing theme
Redirects, metafield mapping, historic URLs, reviews, blog content and SEO parity. Migration is rarely glamorous and always billable. Skip it and you lose rankings you spent years earning.
| Scope | Typical range | What's usually in it |
|---|---|---|
| Small headless storefront | $8,000 – $15,000 | Under 100 SKUs, existing brand, standard cart and checkout, no migration |
| Mid-market Hydrogen build | $15,000 – $35,000 | Custom components, CMS, 1–2 integrations, theme migration with redirects |
| Complex / Plus-scale | $35,000 – $60,000+ | Large catalogue, subscriptions or B2B, ERP or 3PL sync, multi-market and multi-language |
| Content production add-on | $2,000 – $10,000 | Copywriting, photography, film direction produced during the build |
Shopify developer charges vary as much by billing model as by scope. Hourly rates for a Shopify Hydrogen developer run wide across markets, which is exactly why we quote fixed scope and fixed price in writing: you compare deliverables, not day rates. If you are comparing studios, the questions worth asking before you sign will separate the quotes faster than a spreadsheet will.
Hosting Costs: Vercel and Shopify Oxygen Compared
This is the line merchants get most wrong, usually by guessing high.
Oxygen: Shopify's own hosting for Hydrogen
Oxygen is included free with all paid Shopify plans, from Basic at $39 a month through to Plus, with unlimited bandwidth and auto-scaling. It is edge hosting built for Hydrogen, with preview environments per branch. The catch: it isn't available on Starter or development-only stores, and it only hosts Hydrogen. For most merchants that is the whole argument — you get modern edge hosting without adding external providers and extra cost.
Vercel: when it's the better fit
Choose Vercel when the storefront is part of a wider Next.js estate, when you need routes Oxygen won't host, or when marketing pages, a portal and the shop all live in one application. Premium plans start at $20 a month above a free tier, scaling with usage.
What drives the bill up
Image transformations, large media, uncached API calls and heavy server rendering on high-traffic days. Cache properly and a mid-traffic store rarely exceeds $250 a month.
| Option | Monthly cost | Best for | Limits |
|---|---|---|---|
| Shopify Oxygen | $0 (included with paid Shopify plans from $39) | Hydrogen storefronts staying inside Shopify | Hydrogen only; no Starter or dev-only stores |
| Vercel free tier | $0 | Staging, low-traffic launches | Usage caps, no team features |
| Vercel Pro | From $20, usage-based | Next.js stores combined with other apps or portals | Bandwidth and function costs scale with traffic |
| Self-managed cloud | $50 – $250+ | Unusual infrastructure requirements | You own uptime, CDN and deploys |
CMS and App Replacement: What You Stop Paying For
Shopify headless pricing looks worse than it is until you subtract the app stack it retires.
Content management without theme sections
Headless does not mean your marketing team files tickets. It means content lives in a CMS — Sanity, Contentful, Shopify metaobjects — with fields modelled around your actual pages. Budget $0 to $500 a month depending on tool and seats. Modelling that content properly is part of the build cost, and it is the part that decides whether your team can work independently afterwards.
Apps that get built into the storefront instead of bolted on
Most theme stores carry a dozen apps, each injecting scripts and slowing the page. Reviews, mega menus, search, upsells, bundles and page builders are components in a headless build. You pay once, in the build, and the code loads with the page rather than after it.
| What you pay on a theme | Typical monthly | On headless |
|---|---|---|
| Page builder | $30 – $80 | Built as components |
| Search and filtering | $50 – $150 | Built, or a search API at lower cost |
| Reviews | $30 – $100 | Built, reading from the review provider's API |
| Upsell / bundles | $40 – $120 | Built into the cart |
| Speed optimiser | $20 – $50 | Unnecessary |
| **Typical total removed** | **$150 – $500** | Replaced by build cost and hosting |
Maintenance and Growth: What a Retainer Should Cost
What a monthly retainer covers
Dependency and framework updates, bug fixes, new landing pages and components, A/B tests, analytics and tracking, performance work, and the small integrations that appear once real customers use the thing. For most storefronts that is $500 to $3,000 a month. At the low end, keep-the-lights-on plus a change or two. At the high end, continuous release with design and marketing attached.
Why fixed monthly beats a percentage of ad spend or revenue
We never bill a percentage of ad spend or revenue. Two reasons. It rewards us for spending your money rather than making it work, and it makes your costs rise exactly when your margins are under pressure. Retainers here are month to month and stoppable, ad accounts are opened in your name, and the same team that built the storefront runs the ads on it — so there is no "the developer has to change that" delay. That is the whole case for hiring one headless Shopify agency instead of two suppliers.
Total First-Year Cost: Headless vs Staying on a Theme
Adding it up: build, hosting, apps, maintenance
| Line item | Premium theme | Headless Hydrogen |
|---|---|---|
| Build / theme | $350 theme + $5,000 – $15,000 customisation | $15,000 – $60,000 fixed scope |
| Shopify plan | $39 – $399 (Advanced at [$399/mo, 0.5% fees](https://www.demandsage.com/shopify-pricing/)) | Same, or Plus from [$2,300/mo on a 3-year term](https://www.zipchat.ai/blog/shopify-plus-complete-guide-2026) |
| Hosting | Included | $0 – $250/mo |
| Apps | $150 – $500/mo | $0 – $150/mo |
| Maintenance | $200 – $1,000/mo | $500 – $3,000/mo |
| **Year one, typical** | **$10,000 – $30,000** | **$25,000 – $90,000** |
Expect 2 to 4 months of build time with a small team, and React developers who know the stack. Oleum Crete's headless Hydrogen rebuild sat at the lower end of that range and returned eighteen times the monthly sales, with no ad spend behind it.
When a theme is still the right call
If you are under roughly $30,000 a month in revenue, have no developer relationship and your storefront is doing its job, buy a good theme and spend the difference on product and traffic. We say this to people regularly. Headless earns its cost when the theme is the constraint — premium pricing a template can't justify, conversion lost to page weight, or a product that needs logic no app sells. We wrote up the arithmetic of when the rebuild actually pays for itself using real numbers rather than a range.
Frequently asked questions
Is Shopify Hydrogen free to use?
Yes. Hydrogen is an open-source React framework from Shopify, and Oxygen hosting is included with every paid Shopify plan from Basic at $39 a month upwards. You still pay your Shopify subscription and transaction fees, and you pay for the build. The framework itself costs nothing.
How long does a headless Shopify build take?
Budget 2 to 4 months with a small senior team for a mid-market storefront, including discovery, content modelling, build, migration and QA. Small scoped projects can ship in 4 to 6 weeks. Large catalogues, subscriptions or ERP integrations push it past four months. We fix the scope and the date before work starts.
Can I keep Shopify checkout on a headless storefront?
Yes, and you should. Hydrogen hands the cart off to Shopify's hosted checkout, so you keep Shop Pay, fraud analysis, tax and compliance without rebuilding any of it. Only Shopify Plus allows deeper checkout customisation, and most merchants do not need it.
Do I need a developer to maintain a headless Shopify site after launch?
Yes. Content and merchandising stay in your hands through the CMS and Shopify admin, but code changes need a developer. That is why we quote maintenance as a stoppable monthly retainer from $500 rather than leaving you to find someone after launch.
What traffic level justifies going headless instead of using a premium theme?
Traffic matters less than margin and constraint. If a theme is costing you conversions through page weight, or stopping you charging premium prices, the maths works from around $30,000 a month in revenue. Below that, fix the theme and spend the money on demand.
Get a fixed-price quote for your storefront on a free 30-minute call — book the free 30-minute call and we will tell you honestly whether headless is worth it for your numbers.
Read next: Shopify Store Migration Checklist: 40 Pre-Launch Items
