1,827 reads
Introduction to the Headless CMS
by Edvins AntonovsMay 9th, 2018
Too Long; Didn't Read
There are certain types of content management systems — <strong>Coupled </strong><a href="https://hackernoon.com/tagged/cms" target="_blank"><strong>CMS</strong></a> and <strong>Decoupled CMS</strong>. The <strong>coupled CMS </strong>is also known as a <strong>traditional</strong> or <strong>monolith</strong> architecture. In a coupled CMS, the back-end is bound to the front-end. As an example of coupled CMS — <a href="https://wordpress.org/" target="_blank"><strong>WordPress</strong></a> or <a href="https://www.drupal.org/" target="_blank"><strong>Drupal</strong></a>. It allows users to create content, save it to the back-end and serve it to the front-end. Usually, the coupled CMS allows users to style and customise the frontend, but often those changes are limited.People Mentioned
Company Mentioned
There are certain types of content management systems — Coupled CMS and Decoupled CMS. The coupled CMS is also known as a traditional or monolith architecture. In a coupled CMS, the back-end is bound to the front-end. As an example of coupled CMS — WordPress or Drupal. It allows users to create content, save it to the back-end and serve it to the front-end. Usually, the coupled CMS allows users to style and customise the frontend, but often those changes are limited.
This blog post was originally published in my blog
This is the reason why the decoupled CMS comes into play. The decoupled CMS is also known as a headless CMS. The headless CMS is a back-end only content management system which provides the RESTful API which can be used to build any front-end around. The number of options in terms of languages or frameworks is unlimited.
“The term headless comes from the concept of chopping the head (the front end, i.e. the website) off the body (the back end, i.e. the content repository)” — Wikipedia
Coupled vs Headless CMS
What you can build with Headless CMS
There are unlimited amounts of options, what you can build with having headless CMS on the back-end.
- Static website built with static site generators like — GatsbyJS or Hugo
- Dynamic applications built with any technology stack like –
PHP,JavaScript,HTMLandCSS - Single-Page Application (SPA) built with
React,AngularorVue - Native application built with
iOS,Android,React Native,NativeScript
Headless CMS you can use
There is a limited number of headless CMS right now on the market. Some of the solutions are open-sourced, some not. I’ve tried to highlight different options you can choose.
To view, a full list of options you can use, see — headlesscms.org.
Call to action
My name is Edvins Antonovs and I write about React, Angular, TypeScript, JavaScript and Front-End development in general.
If you liked the post and you want to support me please follow me on Medium and/or Twitter. I’m keen to publish new blog posts every other week.
L O A D I N G
. . . comments & more!
. . . comments & more!
