UpBusiness

Headless Commerce Development (2026): Cost, Platforms and When to Go Headless

Updated 12 min read
Headless commerce development in 2026: cover showing builds from $17,500, a 1,160-hour headless Shopify store at $40,600 and Oxygen hosting at no extra charge
Find the right partner for your business

Browse our curated list of Custom E-Commerce Development Companies

Explore Companies

Headless commerce development means building your shop front as a separate app that talks to your e-commerce platform through APIs. The platform still runs products, carts, checkout and orders, but the pages customers see are custom code, usually built with React. A headless build with an Indian partner company typically takes 800 to 2,000 hours, or $28,000 to $70,000 at $35 an hour, and running costs rise too. It pays off for stores that need custom experiences, many channels or markets, or complex B2B buying. Most small stores are better off with a fast theme.

This guide is for e-commerce owners, heads of digital and CTOs anywhere in the world who are deciding whether to go headless and what it will cost. It covers when headless makes sense and when it doesn't, the main platforms, the architecture in plain words, costs by project type, a worked example, how to choose a development partner and the questions to ask.

Key takeaways

  • Headless separates the shop front from the commerce engine. You get full design freedom and control over speed, and you take on more code to build and maintain.
  • A headless store usually takes 800 to 2,000 hours to build, or $28,000 to $70,000 with an Indian partner at $35 an hour. A theme-based store of similar size often takes half the hours.
  • Shopify includes Oxygen hosting for Hydrogen storefronts at no extra charge on paid plans. Basic, Grow and Advanced allow one headless storefront, and Plus allows 25.
  • Go headless for a clear reason: several channels or markets, a custom buying experience, B2B rules, or a content-heavy brand. Don't go headless just for speed, which a good theme can often deliver.
  • Plan for a team that can maintain React code after launch. Without one, a headless store ages badly.

What Is Headless Commerce Development?

How headless commerce works: a React front end and CMS connected through APIs to the commerce engine, search, reviews and ERP

In a normal online store, the platform does everything: it stores products, runs checkout and draws the pages through a theme. In a headless store, the "head", meaning the pages customers see, is removed from the platform and built as its own app.

A typical headless setup has four parts:

  1. The commerce engine. Shopify, BigCommerce, Adobe Commerce, commercetools or an open-source engine such as Medusa or Saleor. It holds products, prices, carts, orders and customers.
  2. The front end. A React app, usually built with Next.js or Shopify's Hydrogen, that draws every page and calls the engine's APIs.
  3. A content system (CMS). Contentful, Sanity, Storyblok or Strapi, where marketers edit landing pages, stories and banners without a developer.
  4. Other services. Search, reviews, personalisation, ERP and email tools, each connected through its own API.

Checkout often stays on the platform. On Shopify, for example, most headless stores still send shoppers to Shopify's own checkout, which keeps payments and card security simple.

When to Go Headless, and When Not To

Headless is a tool for specific problems. Agencies that sell headless builds rarely say this plainly, but many stores spend more and get little extra. Use this table as a first check.

Your situationHeadless?Why
Under 1,000 products, one market, small teamUsually notA fast theme does the job for far less
You sell through web, app, kiosks or marketplaces from one catalogueOften yesOne engine feeds every channel through APIs
Several countries with different content and pricesOften yesSeparate front ends per market share one back end
Content-heavy brand with stories, lookbooks and guidesOften yesA CMS plus custom pages beats theme limits
B2B with company accounts, quotes and approval stepsSometimesCustom buyer screens on top of platform B2B features
Store is slow on its current themeRarely the first fixFix images, apps and scripts first
No developers after launchNoEvery change then needs a paid developer

A useful rule: if you can't name the business result headless gives you, such as a new channel, a new market or a buying flow your theme can't support, stay on a theme. Our guide to website speed optimisation services covers the speed fixes that often remove the main reason buyers ask about headless.

Headless Commerce Platforms Compared

PlatformHow headless worksBest fitCost notes
Shopify with HydrogenStorefront API plus Hydrogen, a React framework, hosted on OxygenD2C brands already on ShopifyOxygen hosting included on paid plans
BigCommerceStorefront APIs with Next.js or other front endsMid-market stores, B2BPlan fee by sales volume
Adobe Commerce or MagentoGraphQL API with a custom React or PWA front endLarge catalogues, complex B2BLicence quoted by Adobe; Open Source is free
commercetoolsAPI-only engine, every part chosen separatelyLarge enterprises, many marketsQuote only, usually enterprise budgets
Medusa or SaleorOpen-source API engines you hostTeams that want full controlNo licence; you pay for hosting and upkeep

Shopify's pricing page lists how many headless storefronts each plan allows: one on Basic, Grow and Advanced, and 25 on Plus[1]. Its developer docs say Oxygen, Shopify's hosting for Hydrogen storefronts, is available at no extra charge on paid plans[2]. That makes Shopify the cheapest way into headless for many brands.

If you run Magento, check your version before planning a new front end. Adobe stops patches for each release line on a published date[3], and a headless project on an engine that is about to lose support is money in the wrong order. Our Magento development cost guide covers upgrade costs and dates.

Not sure if headless is right for your store?

Describe your store, platform and goals. We match you with three verified e-commerce partner companies who can tell you honestly. Buyers pay nothing.

Post your requirement

Headless Commerce Development Cost in 2026

Headless commerce development cost in 2026 at $35 an hour: partial headless up to $14,000, Hydrogen starter up to $31,500, CMS store up to $70,000

Costs below are partner-company estimates we see on UpBusiness, priced at $35 an hour for an Indian partner and at the US web developer median ceiling rate of $121 an hour from GSA CALC[4].

ProjectWhat it includesHoursIndian partner at $35At $121 an hour
Hydrogen starter storeShopify engine, Hydrogen front end, 10 to 15 page types, Shopify checkout500 to 900$17,500 to $31,500$60,500 to $108,900
Headless store with CMSNext.js or Hydrogen, CMS, search, reviews, 2 to 4 integrations800 to 2,000$28,000 to $70,000$96,800 to $242,000
Multi-market or B2B headlessSeveral storefronts, languages, price lists, ERP link2,000 to 4,000$70,000 to $140,000$242,000 to $484,000
Partial headlessHeadless landing pages or blog, theme for the rest150 to 400$5,250 to $14,000$18,150 to $48,400

The headless store with CMS row matches the custom or headless tier in our e-commerce website development cost guide, which also prices theme-based stores. As a rough rule, a headless build of the same store takes 1.5 to 2 times the hours of a theme build, because the team builds pages, caching and previews that a theme gives you for free.

Running Costs After Launch

CostTypical rangeNotes
Front end hosting$0 to $1,000 a monthFree on Oxygen for Shopify; Vercel or Netlify plans on others
Headless CMS$0 to $3,000 a monthFree tiers exist; paid plans grow with editors and traffic
Search and personalisation$0 to $2,000 a monthOften priced by searches or records
Development retainer$1,400 to $5,600 a month40 to 160 hours with an Indian partner
Platform feeDepends on the engineShopify plan, BigCommerce plan or Adobe licence

The retainer is the cost most buyers underestimate. On a theme, a marketer can add a section or install an app. On a headless store, many changes need a developer, so budget a monthly block of hours from day one.

Worked Example: A Fashion Brand Moving to Headless Shopify

Worked example of a 1,160-hour headless Shopify build in 2026: $40,600 with an Indian partner versus $140,360 at $121 an hour

A fashion brand on Shopify sells in the US, UK and EU, publishes lookbooks and style guides, and wants faster product pages and one content system for all three markets. A partner company proposes Hydrogen on Oxygen, Sanity as the CMS, Shopify checkout and links to reviews, search and the warehouse.

PhaseHoursIndian partner at $35At $121 an hour
Discovery, architecture and design system120$4,200$14,520
Hydrogen front end, 14 page types460$16,100$55,660
CMS setup, content models and previews160$5,600$19,360
Markets, languages and prices120$4,200$14,520
Search, reviews and warehouse links140$4,900$16,940
Testing, speed, SEO and launch160$5,600$19,360
Total1,160$40,600$140,360

Hosting stays on Oxygen at no extra charge. Add the CMS plan, search tool and a retainer of about 60 hours a month, or $2,100, for changes. Over three years, the brand should plan roughly $110,000 to $130,000 in total with an Indian partner. A theme rebuild of the same store would likely cost $20,000 to $30,000 to build and less to run. The brand should go ahead only if the content system and multi-market setup will bring in more than that difference.

Before signing, the brand should write down how it will judge the project after six months. Sensible measures are conversion rate on mobile product pages, the share of sales from the UK and EU stores, time taken to publish a new lookbook, and Core Web Vitals scores on product pages. Record each number before the build starts, so the comparison is honest. If the measures don't move after six months, the brand has learned something useful: the retainer can shrink, and future spend can go to marketing or stock rather than more front end work. A good partner will agree these measures with you up front and report on them, not just on hours used.

How a Headless Project Runs

Five stages of a headless commerce project: discovery, design system, build, SEO and speed, then launch and handover
  1. Discovery, two to four weeks. Agree the reason for going headless, the engine, the CMS, every integration and how SEO, analytics and consent will work.
  2. Design system, three to five weeks. Reusable components such as product cards, filters and banners, built once and used everywhere.
  3. Build, eight to sixteen weeks. Pages, cart, account area, CMS content models and integrations, released to a staging site every week or two.
  4. SEO and speed, two to four weeks. Server rendering, metadata, structured data, redirects from old URLs and checks against Core Web Vitals[5].
  5. Launch and handover. A planned switch, monitoring, a bug-fix period and written handover so another team could take over.

SEO Risks in Headless Builds

Headless stores can rank very well, but a badly built one can lose traffic overnight. The most common problems:

  • Pages drawn only in the browser. Search engines may see empty pages. Insist on server-side rendering for product, category and content pages.
  • Missing redirects. Every old URL needs a redirect to its new home. Ask for the redirect map before launch.
  • Lost metadata. Titles, descriptions, canonical tags and product structured data must be rebuilt, because the theme no longer adds them.
  • Slow pages after all. Large JavaScript bundles and third-party scripts can make a headless store slower than the theme it replaced. Set speed targets in the contract.

Headless vs Theme: A Side-by-Side View

Theme-based storeHeadless store
Build hours, same store400 to 1,000800 to 2,000
Design freedomWithin the theme's limitsAny layout or flow
Who edits pagesMarketers in the theme editorMarketers in the CMS, developers for new sections
Apps and pluginsInstall and goMany need custom work on the front end
SpeedGood if images, apps and scripts are kept leanVery good if built well, poor if not
Monthly upkeepLowMedium to high
RiskLowHigher: more code, more parts

The app point catches many buyers out. On a theme, a review or upsell app adds itself to your pages. On a headless store, the front end team must call that app's API and build the display, so each new tool costs development hours. List every app you rely on before you get quotes, and ask how each will work after the move.

Start Small: Phased and Partial Headless

You don't have to rebuild the whole store at once. Many brands start with a partial setup and grow it:

  1. Headless content first. Build landing pages, lookbooks or the blog as a separate app with a CMS, and keep the product pages and checkout on the theme. This costs 150 to 400 hours and shows whether your team can run a CMS well.
  2. Headless product pages next. Move product and category pages once the first phase proves its value.
  3. Full headless last. Move the account area and remaining pages, still keeping the platform's checkout.

A phased plan spreads the cost over a year or more and lets you stop if the numbers don't add up. Ask every partner to price the phases separately, so you can compare them fairly.

The Team You Need After Launch

A headless store needs people who can work on it after the build team leaves. At minimum, plan for a front end developer who knows React and your framework, part of a back end developer's time for integrations, and a content editor trained on the CMS. Most brands rent this through a monthly retainer with the partner company that built the store. Larger brands hire one in-house developer and keep the partner for bigger releases. Either way, write the support hours, response times and hourly rate into the contract before launch, not after.

How to Choose a Headless Commerce Development Partner

  • Ask for two live headless stores they built, the engine and front end used, and a client you can call.
  • Ask them to explain, in plain words, why your store should or shouldn't go headless. A partner that never says "not yet" is selling hours.
  • Check React and Next.js or Hydrogen skills. Our guide to hiring React developers has interview questions you can reuse.
  • Check SEO knowledge: server rendering, redirects and structured data.
  • Ask who maintains the store after launch, at what monthly cost, and how fast urgent fixes happen.
  • Keep the code, hosting, CMS and domain in your own accounts from day one.

Our guides to comparing software development proposals and the software development contract checklist cover scoring quotes and the clauses to include.

Questions to Ask Before You Sign

QuestionA good answerA warning sign
Why should we go headless?Names a business result such as a new market or channelFaster and more modern, nothing specific
Which pages are server-rendered?All product, category and content pagesWe use client-side rendering
How will marketers edit pages?CMS with live preview and reusable sectionsSend changes to our team
What happens to checkout?Platform checkout, or a clear plan for card securityWe will build our own checkout
What are the monthly running costs?Itemised hosting, CMS, search and retainerVery low, nothing to worry about
What does handover include?Docs, code walkthrough, all accounts in your nameWe host and maintain everything

If your main goal is moving off an old platform rather than a new front end, read our guide to Shopify migration services. If you're still choosing a platform, our Shopify vs WooCommerce comparison and our guide to B2B ecommerce website development are better first reads.

Finding Headless Commerce Developers on UpBusiness

UpBusiness lists verified partner companies, mostly based in India. Every company has passed five checks reviewed by our team: company details, registration and tax papers, the founder's identity, expertise and three client projects with evidence. Only companies with a TrustScore of 70 or more are listed.

Our custom e-commerce development page and Shopify development page list companies that build online stores. Headless work is a smaller skill set than theme work, so ask each company for a live headless store and its front end code approach before you shortlist.

Compare custom e-commerce development companies

See TrustScores, team size, average project size and verified client projects, then ask each for a live headless store.

Browse e-commerce companies
  1. Post your requirement with your platform, store size, markets, budget and the reason you're considering headless.
  2. Get three partner companies matched to your budget, service and industry.
  3. Compare their plans side by side, using the questions above. Buyers pay nothing, and there's no commission on the project.
Anuj Pandey
About the Author
CTO & Co-founder, UpBusiness

Anuj Pandey is the CTO and Co-Founder of UpBusiness, a B2B platform that helps businesses worldwide discover and hire verified service providers across AI, software development, digital marketing, and other business services. He leads the … See full profile

Frequently Asked Questions

Headless commerce development is building an online store's front end as a separate app, usually in React with Next.js or Shopify Hydrogen, that talks to the e-commerce platform through APIs. The platform still runs products, carts, checkout and orders. It gives full design freedom and control over speed, but adds code to build and maintain.
A headless store with a CMS usually takes 800 to 2,000 hours, or $28,000 to $70,000 with an Indian partner at $35 an hour. A Hydrogen starter store takes 500 to 900 hours, and multi-market or B2B builds 2,000 to 4,000 hours. At a $121 US rate, the same work costs about 3.5 times as much.
It is worth it when it brings a clear result: selling across several channels or markets from one catalogue, a content-heavy brand experience, or B2B buying flows a theme can't support. For a small store in one market, a fast theme usually gives the same sales for far less build and running cost.
Expect front end hosting of $0 to $1,000 a month, free on Shopify Oxygen, a headless CMS at $0 to $3,000, search and personalisation at $0 to $2,000, and a development retainer of $1,400 to $5,600 for 40 to 160 hours with an Indian partner. The platform fee comes on top.
No. Shopify's developer docs say Oxygen, its hosting for Hydrogen storefronts, is available at no extra charge on paid Shopify plans. The pricing page allows one headless storefront on Basic, Grow and Advanced, and 25 on Plus. You still pay the normal plan fee and the cost of building the front end.
It can be, but only if built well. Product, category and content pages must be rendered on the server, every old URL needs a redirect, and titles, canonical tags and structured data must be rebuilt because no theme adds them. A headless store with heavy JavaScript can rank worse than the theme it replaced.
A Hydrogen starter store usually takes 10 to 16 weeks. A headless store with a CMS and several integrations takes four to seven months, including two to four weeks of discovery, a design system, the build and an SEO and speed phase. Multi-market or B2B builds often take six to twelve months.
Shopify with Hydrogen and Oxygen, BigCommerce, Adobe Commerce and Magento through GraphQL, commercetools, and open-source engines such as Medusa and Saleor all support headless builds, each in its own way. Shopify is often the cheapest entry point because hosting is included, while commercetools suits large enterprises with many markets and bigger budgets.
Headless means the front end is separate from the commerce engine. Composable goes further: search, CMS, promotions, payments and other parts are each picked from different providers and joined through APIs. Every composable store is headless, but a headless store can still use one platform for everything except the front end.
Ask for two live headless stores and a client you can call, and check React, Next.js or Hydrogen and SEO skills. Ask them to explain why you should or shouldn't go headless, itemise running costs and describe handover. Keep code, hosting, CMS and domain accounts in your name from day one.
Leave a comment

Have a budget in mind?

Share your project once and compare quotes from verified partner companies.

Post your project

Get new articles in your inbox

Be the first to read our new guides on finding and hiring trusted companies. No spam, unsubscribe anytime.

Anuj Pandey

Anuj Pandey

CTO & Co-founder, UpBusiness

Anuj Pandey is the CTO and Co-Founder of UpBusiness, a B2B platform that helps businesses worldwide discover and hire verified service providers across AI, software development, digital marketing, and other business services. He leads the technology behind the platform and writes practical, easy-to-understand guides on service costs, hiring, and choosing the right business partner. His goal is to help businesses make informed decisions and connect with the right companies, wherever they are in the world.

Instant Help & Support