The Real Cost of Headless: A TCO Comparison
Everyone asks "how much does headless cost?" The honest answer is: more upfront, less per month, and dramatically less in opportunity cost. Here are three paths with real numbers.
The Three Paths
Every Shopify merchant eventually faces a build-or-buy decision for their storefront. There are three realistic paths. Each has different cost structures, capability ceilings, and hidden expenses. I am going to break down all three with honest numbers from real engagements.
Path 1: Shopify template (Dawn or paid theme). Path 2: Shopify Plus with a custom-built theme. Path 3: Headless frontend with Cartridge.
These are not theoretical comparisons. I have built stores on all three paths. The numbers below come from actual client invoices, Vercel bills, and Shopify statements. I have normalized them to protect client specifics, but the ratios are accurate.
Path 1: Dawn Template ($0-79/month)
INITIAL COSTS
Theme purchase: $0 (Dawn) or $180-$380 (paid theme)
Setup and configuration: $0 (DIY) or $1,000-$3,000 (freelancer)
Product photography/content: $500-$5,000
Total initial: $500-$8,380
MONTHLY COSTS
Shopify Basic plan: $39/mo
Shopify apps (typical 4-8): $80-$300/mo
Reviews app: $15-$50/mo
Email marketing: $15-$50/mo
Upsell/cross-sell: $20-$50/mo
Back-in-stock notifications: $10-$30/mo
SEO app: $20-$80/mo
Chat widget: $0-$40/mo
Domain: $1/mo (amortized)
Total monthly: $120-$340/mo
ANNUAL COST (Year 1): $1,940-$12,460
ANNUAL COST (Year 2+): $1,440-$4,080This is the cheapest path and it is genuinely good for stores that fit the template model. Simple products, low average order value, single-session purchases. Dawn is well-built. The Shopify app ecosystem fills most gaps.
The hidden costs:
App bloat. Each app adds JavaScript to your page. Four apps is fine. Eight apps drops your Lighthouse score below 40. At that point, the apps you are paying for are costing you more in lost conversions than they provide in features.
Customization ceiling. When you need something the template does not support (custom product configurator, complex filtering, branded checkout experience), you hit a wall. Liquid customizations by a Shopify developer cost $100-200/hour. A significant customization project runs $5,000-$15,000 and must be redone when the theme updates.
No CRM integration. There is no native way to pipe lead data into HubSpot or Salesforce. Third-party apps exist but they are limited and add more page weight. For high-ticket stores where lead capture is essential, this is a dealbreaker.
Path 2: Shopify Plus + Custom Theme ($2,300/month + build)
INITIAL COSTS
Custom Shopify theme (agency build): $20,000-$50,000
Custom Liquid development: $10,000-$30,000
Checkout customization (Plus): $5,000-$15,000
Product photography/content: $2,000-$10,000
Total initial: $37,000-$105,000
MONTHLY COSTS
Shopify Plus plan: $2,300/mo
Shopify apps (fewer needed): $100-$400/mo
Agency retainer (maintenance): $2,000-$5,000/mo
Domain: $1/mo
Total monthly: $4,401-$7,701/mo
ANNUAL COST (Year 1): $89,812-$197,412
ANNUAL COST (Year 2+): $52,812-$92,412Shopify Plus is a legitimate platform for mid-market and enterprise brands. You get checkout customization, the Script Editor, Shopify Flow for automation, and dedicated support. The custom theme gives you a branded experience that Dawn cannot match.
The hidden costs:
The $2,300/month floor. Shopify Plus starts at $2,300/month. That is the minimum. For stores doing over $800K/month in revenue, the fee scales to a percentage of gross merchandise volume. At $2M/month in sales, you could be paying $4,000-$6,000/month for the platform alone.
Agency dependency. A custom Liquid theme requires specialized Shopify developers to maintain. These developers are expensive. $150-$250/hour is standard for experienced Shopify Plus developers. Every new feature, every bug fix, every theme update requires agency hours. The $2,000-$5,000/month retainer is conservative. I have seen stores spending $8,000-$12,000/month on agency maintenance.
Liquid limitations. Even with a custom theme, you are still constrained by Liquid. No server-side logic beyond what Liquid provides. No custom API endpoints. No real-time features. No AI integration without external services and additional JavaScript. The custom theme is prettier than Dawn, but it has the same architectural limitations.
Feature velocity. Adding a new feature to a Liquid theme takes 2-4 weeks through an agency pipeline. Briefing, scoping, development, QA, deployment. On a headless build, the same feature takes 2-5 days because you control the entire stack.
Path 3: Headless with Cartridge ($99-299/month + setup)
INITIAL COSTS
Cartridge license (one-time setup): $0 (included in monthly)
Headless build (our engagement): $15,000-$40,000
Custom feature development: $5,000-$15,000
Product photography/content: $2,000-$10,000
Total initial: $22,000-$65,000
MONTHLY COSTS
Shopify plan (Basic or standard): $39-$105/mo
Cartridge platform: $99-$299/mo
Vercel hosting (Pro): $20/mo
AI API costs (OpenAI): $15-$80/mo
CRM (HubSpot Starter): $20-$50/mo
Shopify apps (1-2 max): $0-$50/mo
Total monthly: $193-$604/mo
ANNUAL COST (Year 1): $24,316-$72,248
ANNUAL COST (Year 2+): $2,316-$7,248The headless path has a meaningful upfront cost. The build is not free. But the monthly cost is dramatically lower than Shopify Plus, and you get capabilities that neither template nor Plus can match.
Let me address the cost components honestly.
The build cost ($15,000-$40,000). This is the biggest line item and the biggest objection. It pays for a custom Next.js frontend connected to Shopify's Storefront API, a CRM integration, an AI product assistant, SEO infrastructure, and a deployment pipeline. The range depends on catalog complexity, number of custom features, and design requirements. A straightforward product catalog is on the low end. A multi-brand store with custom configurators is on the high end.
Why no agency retainer? Because the headless frontend is built with standard web technologies. React. Next.js. TypeScript. Any competent frontend developer can maintain it. You are not locked into a specialized Shopify agency. If you have an in-house developer, they can handle updates. If you need outside help, the talent pool is 100x larger than the Liquid developer pool, and the hourly rates are lower.
Hosting costs. Vercel Pro is $20/month for most stores. That includes CDN, edge functions, image optimization, and analytics. If your store does massive traffic (1M+ pageviews/month), Vercel Enterprise is $400/month. Still far less than Shopify Plus.
AI API costs. The AI product assistant uses OpenAI's API. Costs depend on usage. A store with 10,000 monthly visitors and 5% AI usage (500 conversations/month) costs approximately $15-$30/month at current GPT-4o-mini pricing. A store with heavy AI usage (50,000 conversations/month) costs $60-$80/month. These costs will continue to decrease as model pricing drops.
The 3-Year TCO Comparison
3-Year Total Cost of Ownership (Median Estimates)
====================================================
Template Plus+Custom Headless
Year 1:
Initial build: $4,000 $70,000 $35,000
Monthly (x12): $2,760 $72,000 $4,800
Year 1 total: $6,760 $142,000 $39,800
Year 2:
Maintenance: $1,500 $12,000 $2,000
Monthly (x12): $2,760 $72,000 $4,800
Year 2 total: $4,260 $84,000 $6,800
Year 3:
Maintenance: $1,500 $12,000 $2,000
Monthly (x12): $2,760 $72,000 $4,800
Year 3 total: $4,260 $84,000 $6,800
3-YEAR TOTAL: $15,280 $310,000 $53,400Template is cheapest at $15,280 over three years. Headless is $53,400. Plus with custom theme is $310,000.
But this comparison ignores the most important number: revenue.
Revenue Impact: Where the Real Math Lives
The TCO comparison above is costs only. It does not account for what each path generates. Here is a more complete picture for a store doing $100K/month in revenue on a template:
Revenue Impact Analysis (Store doing $100K/mo on template)
============================================================
Template (baseline):
Conversion rate: 0.8%
Monthly revenue: $100,000
3-year revenue: $3,600,000
Plus + Custom Theme:
Conversion rate: 1.0% (+0.2pp from better design)
Monthly revenue: $125,000
3-year revenue: $4,500,000
Revenue gain: $900,000
3-year cost: $310,000
NET GAIN: $590,000
Headless with Cartridge:
Conversion rate: 1.4% (+0.6pp from speed + UX + AI + lead capture)
Monthly revenue: $175,000
3-year revenue: $6,300,000
Revenue gain: $2,700,000
3-year cost: $53,400
NET GAIN: $2,646,600The conversion rate improvements are based on our actual client data. A custom Plus theme improves conversion primarily through better design and branded experience. The headless build improves conversion through speed (sub-second load times), AI assistance (product recommendations, Q&A), lead capture (email before checkout), and CRM-driven remarketing (bringing visitors back for visits 2-7).
I want to be honest about these numbers. The 0.6 percentage point improvement for headless is the median from our client base. It is not guaranteed. Stores with higher average order values see larger improvements. Stores with commodity products see smaller improvements. Your specific results depend on your products, traffic quality, and how aggressively you use the headless capabilities.
The Hidden Cost Nobody Talks About: Shopify Apps
Shopify apps deserve their own section because they are the sneakiest cost center in the ecosystem.
The average Shopify store has 6 apps installed. Each app costs $15-80/month. That is $90-$480/month in app fees. Over three years: $3,240-$17,280. Not massive, but not trivial.
The real cost of apps is not the monthly fee. It is what they do to your page.
Performance Impact of Common Shopify Apps:
Reviews (Yotpo/Judge.me): +140KB JS, +180ms TBT
Email popup (Klaviyo): +95KB JS, +120ms TBT
Upsell (Bold/ReConvert): +180KB JS, +210ms TBT
Chat (Tidio/Zendesk): +220KB JS, +280ms TBT
Search (Searchanise): +160KB JS, +150ms TBT
Analytics (Lucky Orange): +110KB JS, +90ms TBT
Combined impact: +905KB JS, +1,030ms TBT
Conversion rate impact: -0.3 to -0.5 percentage pointsSix apps add approximately 900KB of JavaScript and over a second of blocking time to every page load. That performance degradation costs 0.3-0.5 percentage points of conversion rate. On a store doing $100K/month, that is $3,000-$5,000/month in lost revenue.
The apps are not individually bad. Each one provides real functionality. But the cumulative effect is devastating. And there is no way to fix it within the Shopify template architecture. The apps inject scripts that you cannot control, defer, or optimize.
On a headless build, every app feature is replaced with a lightweight native implementation. Reviews are rendered in React. Email capture is a custom form. Upsells are a component. Chat is lazy-loaded. Search is instant. The total JavaScript for all these features is under 50KB. The performance impact is zero.
Developer Time and Feature Velocity
The cost of developer time is the hardest to quantify but often the largest real cost.
Time to Ship Common Features:
Template Plus/Custom Headless
Add product configurator: N/A* 3-4 weeks 3-5 days
Build custom filtering: 2-3 weeks 2-3 weeks 2-3 days
Add AI product assistant: N/A* N/A* 1-2 days
Integrate CRM (HubSpot): 1-2 weeks 1-2 weeks 1 day
Custom checkout upsell: N/A 1-2 weeks 2-3 days
A/B test product layout: N/A* 2-3 weeks 1 day
Mobile-specific UX: Limited 1-2 weeks 2-3 days
* Requires app purchase or is not possible within architectureFeature velocity compounds over time. A store that ships one improvement per week for a year will be dramatically ahead of a store that ships one improvement per month. The headless architecture enables weekly or even daily iteration because the deployment pipeline is simple (git push) and the codebase is standard web technology.
Hosting Costs at Scale
This is where headless surprised me when I first started building these stores. I expected hosting to be expensive. It is not.
Hosting Cost by Monthly Pageviews:
Template Plus Headless (Vercel)
10,000 pageviews: Included Included $20/mo
100,000 pageviews: Included Included $20/mo
500,000 pageviews: Included Included $20/mo
1,000,000 pageviews: Included Included $20-$150/mo
5,000,000 pageviews: Included Included $150-$400/moShopify includes hosting in the plan fee. That is an advantage. But the headless hosting cost is low enough that it does not move the needle. Vercel's Pro plan at $20/month handles up to a million pageviews comfortably because the pages are statically generated and served from CDN. The compute cost is near zero. The CDN bandwidth cost is the only variable, and Vercel's included bandwidth is generous.
When Each Path Makes Sense
Choose the template when:
- Average order value is under $200
- You are validating product-market fit and need to launch fast
- You have no developer and no budget for one
- Your competitive advantage is price, not experience
- You sell fewer than 50 products
Choose Shopify Plus with custom theme when:
- You need checkout customization (scripts, post-purchase upsells)
- You are already on Plus and happy with the ecosystem
- Your agency is deeply embedded in your operations
- You do $10M+ in annual revenue and need Shopify's enterprise support
- Multi-currency, multi-language, and Shopify Markets are critical
Choose headless when:
- Average order value is over $500
- You need lead capture and CRM integration
- Performance is directly affecting your conversion rate
- You want AI-powered product assistance
- You have complex products that need rich information architecture
- You want to iterate quickly without agency dependency
- You sell high-ticket items with multi-visit purchase cycles
The Decision Framework
Here is how I help merchants decide. Pull three numbers from your Shopify analytics:
1. Average order value (AOV)
2. Monthly unique visitors
3. Current conversion rate
Then calculate:
Revenue at current conversion:
visitors x conversion_rate x AOV = current_monthly_revenue
Revenue at +0.5pp conversion (conservative headless improvement):
visitors x (conversion_rate + 0.005) x AOV = potential_monthly_revenue
Monthly revenue difference:
potential - current = monthly_delta
Headless build payback period:
$35,000 / monthly_delta = months_to_paybackIf the payback period is under 6 months, headless is the obvious choice. The ROI is too large to ignore. If it is 6-12 months, headless is likely worth it but depends on your cash flow. If it is over 12 months, stick with the template or Plus.
For a store with 15,000 monthly visitors, 0.8% conversion rate, and $1,500 AOV:
Current: 15,000 x 0.008 x $1,500 = $180,000/mo
Potential: 15,000 x 0.013 x $1,500 = $292,500/mo
Delta: $112,500/mo
Payback: $35,000 / $112,500 = 9.3 daysNine days. That is not a typo. For high-ticket stores, the payback period for headless is measured in days, not months.
The honest caveat: the conversion improvement is not instant. It takes 4-8 weeks to build and deploy, another 2-4 weeks for search engines to adjust, and another month for the full CRM pipeline to warm up. The payback period is more realistically 2-3 months from project kickoff to break-even. That is still excellent.
If you want to run these numbers for your store, send us your Shopify analytics and we will build a custom TCO model for free. No pitch. Just math.