Skip to content

Term

What is a headless CMS?

Your editors keep a familiar place to write, and the website becomes a separate, fast product. When that split pays for itself, what it costs per month, and when you need no CMS at all.

What is a headless website in practice: the Villa Lidia Journal, a statically built English and Dutch site whose posts are managed apart from the design
Headless CMS
A headless CMS is a content management system without its own front end: you manage content in it, and a separately built website or app fetches that content through an API.
Also calleddecoupled CMSAPI-first CMS

By , COO

4 min read
On this page
  1. 01What you gain and what you give up
  2. 02What it costs per month
  3. 03How we build without a page builder

A headless CMS is what teams usually move to after a few years of fighting a traditional one. The theme slows the site down, every plugin update risks breaking the contact form, and a redesign means rebuilding inside someone else's templates. Cutting off the "head" separates two jobs: the CMS stores and manages content, and the website is built as its own product that fetches that content through an API.

In practice the website is usually generated ahead of time and served as static files from a CDN close to the visitor. That is what people mean by a headless website. Editors still log in, write and publish; a publish triggers a new build, and a minute later the change is live. WordPress still runs 39.6 percent of all websites, but 32.1 percent use no recognisable CMS at all, largely custom builds of this kind.

How an edited text reaches the visitor, three ways

Traditional CMS

on every visit
  1. you edit the text
  2. database
  3. theme and plugins
  4. server builds the page

Headless CMS

once, on publishing
  1. you edit the text
  2. API
  3. the site is built
  4. CDN

No CMS

once, on publishing
  1. the builder edits the text
  2. the site is built
  3. CDN

Sketch. The less happens on each visit, the faster and safer the page.

What you gain and what you give up

Traditional CMSHeadless CMSNo CMS
ExamplesWordPress, Joomla, WixSanity, Contentful, StoryblokA custom site, content in the code
Who can editAnyone with a login, anywhereEditors, in the fields designed for themThe developer, or a small admin for one part
SpeedDepends on theme and pluginsFast, pre-built on a CDNFast, pre-built on a CDN
UpkeepMonthly core and plugin updatesLittle on the site; the CMS is a serviceVery little; no database to attack
New page typesInstall a plugin or a blockA developer adds a templateA developer adds a template

The last row is the honest trade-off. In WordPress a marketer can add a new kind of page with a page builder in an afternoon. In a headless setup, a new type of page needs a developer. You buy speed, security and design freedom with a little flexibility. For a site where the structure is stable and the content changes, that is a good deal; for a team that redesigns its pages every month, it may not be.

What it costs per month

The CMS is usually a subscription; the website is a one-off build plus hosting. Sanity is free for up to 20 seats and 10,000 documents, then $15 per seat per month. Storyblok is free for one seat, then $99 a month ($90.75 on annual billing) for five seats on its Growth plan. Hosting a static site on a CDN costs a few euros a month for most company sites. The real cost is the build: templates for each type of page, previews for editors and the connection to the CMS. Compare that over three years with the cost of keeping a WordPress site updated and fast; the full picture is in what a website costs per year.

  • Choose a headless CMS ifseveral editors publish every week, the same content feeds a site and an app, or speed and security matter more than drag-and-drop freedom.
  • Choose WordPress ifyour team already knows it, you need dozens of off-the-shelf plugins, and you have someone who keeps it updated; see custom website or WordPress.
  • Choose no CMS ifthe site changes a few times a year; a developer edit is cheaper than a CMS subscription and a login nobody uses.

How we build without a page builder

Most sites we build have no traditional CMS. Villa Lidia, the journal on the image above, and Business Centrum are static sites on Amazon S3 and CloudFront: every page is built ahead and served from a network near the visitor, with no database and no plugins to attack. Villa Lidia's home page went from 8.4 MB to 1.4 MB in the rebuild. Where a client edits a lot, such as availability or news, we add an admin for exactly that part.

We also keep WordPress when it works: for No.4 Lange Ast the existing WordPress site stayed, and we built a plugin for its availability calendar and enquiries. If your WordPress site is the reason you are reading this, start with why WordPress is so slow and is WordPress safe.

Questions before going headless

Can editors preview a page before it goes live?

Yes, if the build includes a preview mode. Ask for it explicitly: without it, editors publish blind.

Is a headless site good for SEO?

Usually better than average: pre-built pages load fast and every page can carry clean titles, canonicals and structured data. What matters is that the build renders full HTML, not a blank page filled by JavaScript.

Can I switch CMS later?

With headless, more easily than with a traditional CMS: the website stays and only the content source changes. You still move the content once.

Website design

How VBS picks the setup that fits

We choose the admin to match how you use your site: no CMS for a fast site that rarely changes, a tailored admin or a headless CMS for what you edit weekly, or the WordPress you already have if it works. That choice is part of every website we design, and our headless website agency page explains how we build with Next.js.

How often does your team change the site?

Tell us, and we will say which setup fits: no CMS, a tailored admin, a headless CMS or the WordPress you already have.

Optional, if you prefer a call.

What do you want to achieve, and what is already there?

We only use your details to reply to you.