
Answer
What is headless WordPress, and is it worth it?
Headless WordPress keeps the admin your editors know and serves the site from a React front end. What it buys, what it costs, and when a classic theme wins.
Published July 23, 2026
Headless WordPress keeps the WordPress admin your editors know but serves the public site from a separate front end — usually React or Next.js — pulling content over an API instead of rendering a PHP theme. It is worth it when the site has to be fast and application-like without taking the CMS away from the people who publish.
How is it different from a normal WordPress site?
In a classic build, one system does everything: WordPress stores the content and renders the HTML a visitor receives, through a theme. In a headless build, WordPress keeps the first job and gives up the second. Content goes out over an API — REST or GraphQL — and a separate application builds the pages, so the "head" that used to sit on top of the CMS is now a codebase of its own.
For the people writing, almost nothing changes: same admin, same editor, same media library, same roles. For everything downstream, nearly everything changes — templates become components, deploys become code deploys, and plugins that worked by injecting markup into a theme stop having a theme to inject into.
| Classic WordPress | Headless WordPress | |
|---|---|---|
| Renders the page | WordPress, via a PHP theme | A separate front-end app |
| Editor experience | Familiar, with live preview | Familiar, preview has to be built |
| Front-end plugins | Work as advertised | Mostly stop applying |
| Performance ceiling | Good, with discipline | Higher, and easier to hold |
| Hosting | One PHP host | PHP host plus a Node or edge host |
| Who can change a template | Anyone with admin and a theme editor | Whoever can ship code |
| Build cost | Lower | Higher — you are building an application |
What does going headless actually buy you?
Control over what reaches the browser, which is the thing that decides performance. A theme ships whatever WordPress and its plugins decide to enqueue; a front end you own ships exactly what you wrote. That is the difference between fighting a page weight problem every release and not having one, and it is why the biggest wins show up in the metrics that JavaScript and stylesheet bloat wreck first.
On a recent B2B rebuild — a manufacturer whose site was the front door for every sales inquiry — the same content moved onto a Next.js front end with WordPress kept as the CMS. Measured on mobile and throttled, Total Blocking Time fell from roughly 1,050ms to 100ms and the SEO category went from 61 to 100, because markup and schema were now written deliberately instead of assembled by plugins. The editors kept the admin they had been using for years.
The second thing it buys is composition. Once the front end is an application, the site can render content from more than one source — the CMS for pages, a product database, a CRM, an internal tool — as one coherent site. That is difficult to retrofit onto a theme and natural once you have a front end of your own.
What it costs you
You are now maintaining two systems and building things a theme gave you for free. Preview, form handling, redirects, sitemaps, and the long tail of "the plugin used to do that" all become work items. Anything a marketing team installs expecting it to change the public site — a popup builder, a tracking tag, an A/B testing widget — has to be planned into the front end instead, or it silently does nothing.
Cost follows: a headless build is closer to an application project than a website project, and the timeline reflects that. It also concentrates change in the hands of whoever can deploy code, which is a feature for stability and a constraint for teams used to editing a template themselves.
When a classic theme is the better call
If a well-built classic theme already clears your performance targets, headless is a cost with no matching benefit. That covers most content-led sites: publications, service sites, anything where the job is publishing pages rather than running an interface. A lean theme, a short plugin list, and images that don't reflow will pass Core Web Vitals comfortably, and the whole team keeps the tooling it has.
It is also the better call when nobody on your side ships code. A headless site without a developer relationship is a site that cannot be changed — which is the worst version of the trade, because you paid the build cost and lost the flexibility it was supposed to buy. Before going headless, decide honestly whether the site's job needs an application, or whether it needs a well-chosen editor and a performance budget somebody enforces.
How to decide
Three questions settle it. Does the site have to behave like an application — real interactivity, data from several systems, a performance bar a theme keeps missing? Do the people publishing need to stay in WordPress? Is there someone who can deploy code after launch? Three yeses make headless the obvious answer. A no on the last one usually means it is the wrong tool no matter how good the first two look.
That is the same evaluation behind every platform choice on my WordPress and Next.js builds: pick the lightest thing that does the job, then hold it to a budget.
Questions
Do editors lose live preview?
They lose the naive version of it — the theme preview that renders the page the visitor sees. Preview has to be rebuilt against the front end, usually as a draft-aware route the CMS links to. It works, but it is build work, and it is the single most common thing left out of a headless quote.
Does going headless improve SEO by itself?
No. It removes a common cause of poor performance and gives you exact control over markup, schema, and metadata — but a headless site with thin content ranks like any other site with thin content. Where it does help is on the technical side: server-rendered pages, clean schema, and fast Core Web Vitals, which is also what AI assistants parse most reliably.
Can WooCommerce run headless?
Yes, and it's the case that most often shouldn't. Catalog and content are straightforward to serve from a front end; cart, checkout, and payment are where the work multiplies, and many headless stores end up handing checkout back to the platform anyway. Go headless on commerce when the storefront experience is a genuine differentiator, not to shave a metric.
What does it need to run?
Two things instead of one: WordPress on ordinary PHP hosting, locked down because it now only serves data, and the front end on a Node host or edge platform. Deploys become code deploys. That's a real operational change if your current release process is editing a theme file over SFTP.
Related notes
- Gutenberg vs Elementor: which should you build on?
- How to fix failing Core Web Vitals
- Keeping 100 Lighthouse scores behind a strict CSP
More on web development
- Claude Code rules for Elementor sites
- Claude Code rules for WCAG testing
- Cursor rules for WCAG testing
- Animating hero text without layout shift
Related service: Web Development
Want this kind of engineering on your project?
Tall Karol takes on fractional and project-based engagements for startups and agencies.
Book a working session