Most articles on headless Shopify cost give one range and move on. The range is the least useful part. What decides the bill is how much of the storefront you are rebuilding, what you need to keep editing without a developer, and how many of your apps stop working once the theme is gone. This guide breaks the cost into those parts, with the running costs checked against each vendor’s published pricing on 6 October 2026.
The short answer for a production headless storefront built by an agency that scopes it properly: above $200,000 for the build, then a monthly bill for the Shopify plan, hosting, a CMS and ongoing development. For context, our Shopify Plus packages run $40,000 to $100,000 for a custom theme and $100,000 to $200,000 for a Plus build with a deep integration; a headless storefront sits above both, because it adds a separate front end, a CMS and a design system on top of that scope.
Summary
- The build: above $200,000 with us, quoted as one fixed number after scoping, over 16 to 20 weeks.
- Hosting: no extra charge on Oxygen if you build on Hydrogen; from $20 a month on Vercel’s Pro plan, plus usage, if you build on Next.js.
- CMS: Sanity is free up to 20 seats and $15 per seat a month on its Growth plan.
- Shopify: the plan you are on already. Basic, Grow and Advanced include one headless storefront; Plus includes 25.
- Ongoing development: the line most estimates leave out. Our retainers after launch are $1,500, $6,000 or $12,000 a month.
What the build pays for
A headless build replaces everything your theme did. That is why it costs more than a custom theme even when the design is similar:
- Every template, rebuilt. Home, collection, product, search, cart, account and content pages are written as application code against the Storefront API, with the edge cases a theme handled for free: variants, out-of-stock states, bundles, gift cards, discounts in the cart.
- A design system. Components documented and reusable, so the next landing page is assembled, not built from scratch.
- The CMS and the editing experience. Content models for every page type, previews, and the workflow your marketing team will use daily. This is where headless projects are won or lost after launch.
- App features, re-implemented. Theme app blocks and embeds render only on Online Store themes. On a headless storefront, reviews, loyalty, upsells, search and pop-ups work only if the app offers an API or SDK, and each one is integrated by hand. Klaviyo is a typical case: its Shopify integration still syncs customers, orders and products, but onsite tracking and sign-up forms have to be added to the storefront code.
- SEO and analytics plumbing. Redirects, sitemaps, canonical tags, structured data and tag management, all of which a Shopify theme provides by default and a headless front end has to provide itself. Hydrogen’s starter template ships a sitemap and robots.txt, but titles, canonical URLs and structured data are still set route by route, and Google has to render the JavaScript before it indexes the page.
- Integrations and performance. ERP, PIM or 3PL connections, edge caching, and a performance budget the storefront is tested against before every release.
Checkout is the part you do not rebuild: a headless storefront still hands the customer to Shopify’s checkout, so payments, fraud protection and PCI compliance stay with Shopify.
Running costs
| Item | Published cost | Notes |
|---|---|---|
| Shopify plan | From $19 a month (Basic, billed yearly) to $2,300+ a month (Plus) | One headless storefront on Basic, Grow and Advanced; 25 on Plus |
| Hosting on Oxygen (Hydrogen) | No extra charge on paid plans | Deployed through the Hydrogen sales channel; trial stores can deploy too, behind a store login |
| Hosting on Vercel (Next.js) | Pro: from $20 a month, plus usage beyond included limits | Vercel’s free Hobby plan is for personal, non-commercial use only |
| CMS (Sanity, as one example) | Free up to 20 seats; Growth $15 per seat a month | Viewer seats are free on every Sanity plan |
| Storefront API | No separate charge | Requests from real buyers have no fixed per-minute limit; automated traffic and checkout creation are limited |
| Ongoing development | Our retainers: $1,500, $6,000 or $12,000 a month | Someone has to ship fixes, new templates and app integrations |
Third-party prices are each vendor’s published list prices, checked 6 October 2026; usage-based items scale with traffic.
The costs most estimates miss
- App replacements. An app with no API cannot follow you to a headless storefront. Replacing it with one that has an API, or building the feature, is a cost line of its own.
- Every future change is a development task. On a theme, a merchandiser edits a section; on headless, anything the CMS was not modelled for goes into the developer queue. Budget the retainer as part of the platform, not as a nice-to-have.
- Preview and staging. Content previews and a staging environment that mirrors production are standard on good builds and often missing from cheap quotes.
- The first months after launch. Search rankings, analytics events and app data all need checking once real traffic arrives. Plan the time.
When headless is worth it
Headless pays off when the storefront itself is the constraint: content-heavy brands that publish like a magazine, several brands or regions from one back end, an app and a web store sharing one catalogue, or a performance target a theme has demonstrably failed to meet. Speed does carry a price tag: in a controlled A/B test, Vodafone found that a landing page with a 31% better Largest Contentful Paint made 8% more sales. Even so, headless is rarely worth it as a fix for a slow theme; a rebuilt theme gets most stores to the same speed for a fraction of the cost. Our headless pros and cons sets out both sides, and the Plus vs Advanced comparison covers the plan side, including the 25 headless storefronts that come with Plus.
Cheaper routes to the same goal
- A custom theme when the problem is design or speed: our Build tier is $40,000 to $100,000.
- A Plus build with one deep integration when the problem is an ERP, booking system or 3PL: $100,000 to $200,000.
- Headless when the problem is the storefront architecture itself. See our headless Shopify development page for what that build includes.
Sources
Every third-party fact above comes from the vendor’s own pages, checked 6 October 2026.
- Shopify, Pricing: plan prices, and how many headless storefronts each plan includes.
- Shopify, Hydrogen and Oxygen fundamentals: Oxygen hosting at no extra charge on supported plans.
- Shopify, Oxygen is now available on trial plan stores (changelog, 25 August 2026): trial stores can deploy, with deployments behind a store login.
- Shopify, API usage limits: buyer traffic on the Storefront API is not rate-limited; bots, crawlers and checkout are throttled.
- Shopify, Storefront API reference: the API a headless storefront is built on.
- Shopify, Manage a cart with the Storefront API: the checkout URL that sends buyers to Shopify’s web checkout.
- Shopify, PCI DSS compliance: Level 1 certification that extends to every store on Shopify.
- Shopify, Theme app extensions: app blocks and embeds integrate with Online Store 2.0 themes.
- Shopify, SEO in Hydrogen: meta tags, canonical URLs and JSON-LD per route, and the default sitemap and robots.txt routes.
- Klaviyo, Integrate with a Shopify Hydrogen store: what the Shopify integration syncs server-side, and the onsite tracking that has to be added in code.
- Google Search Central, JavaScript SEO basics: how Google crawls, renders and indexes JavaScript storefronts.
- web.dev, Vodafone case study: 31% better LCP, 8% more sales in an A/B test.
- Vercel, Pricing and Hobby plan: the Pro plan price, and the Hobby plan’s limit to personal, non-commercial use.
- Sanity, Pricing: free and Growth plan seats.
