DEV Community

What's headless CMS?

Could someone explain me what's the idea of this technology? Why I'd choose it over Github pages or something like that?

Discussion (4)

Collapse
weswedding profile image
Weston Wedding • Edited on

Generally "headless" means there is no graphic user interface for a piece of software.

To understand what a "headless" CMS is you have to understand that, historically speaking, a CMS does more than just "Manage Content."

There is often a "admin side" or "back side" of the CMS you use to enter data and files into the CMS. Some even let you define specific kinds of content; for example, "Blog Post." Blog posts have text and images and maybe other things like tags or categories.

Then the CMS has a public-facing "front side" that most visitors to a website see. This is generated by some kind of "theme" layer or "template" layer that the CMS provides. It takes the text and images and categories and generates the HTML to make the Blog Post display in a browser.

Headless is when you strip away that "front side" layer from the CMS. The CMS isn't generating a whole website anymore, it has been boiled down to just holding the content. It's up to another piece of software to do something with the data in the CMS.

As to your second question; I don't know if you would. Probably wouldn't want to; it depends a lot on what you want to accomplish!

Collapse
nasoma profile image
nasoma

This the best explanation of a Headless CMS that i have across on the internet. The web development industry suffers from this curse where even the most simple things are made to be too complicated just by how they are defined or described.

Collapse
mgh87 profile image
Martin Huter

Headless CMS is a CMS that has no frontent, therefore you decouple the creation of content from the representation.

This opens up that you can change your representation technology easier.
They often use some sort of API to make the content that was created with the CMS available.

I hope this short explanation helps!

Collapse
amarachiamaechi profile image
Amycruz πŸ‘©β€πŸ’» πŸ‘©β€πŸ’» πŸ‘©β€πŸ’»

Contrary to a traditional CMS, a headless CMS is entirely decoupled from the presentation layer or frontend, which referred to as the β€œhead”, while the backend is your content repository and content management system, known as the β€œbody”.Read more about it hereπŸ‘‰agilitycms.com/resources/guide/wha...