Introduction to Headless Content Management Systems

Subscribe to my newsletter and never miss my upcoming articles

Content management has been around since 300 BC to about AD 273 and only improved when the World Wide Web was introduced in the '90s. Ever since then we've been improving the processes we use to manage content.

In this article, I'll show you an overview of how content management can be optimized using the headless CMS to ensure the reusability of content across several digital platforms (web, mobile, smartwatches, VR headsets or home assistants).

Introduction to Content Management

The Library of Alexandria is one of the largest and most significant libraries of the ancient world. (300 BC to about AD 273) and was the first attempt at managing content. Librarians preserved content in the form of scrolls and codices. They were the first content managers who also controlled access to these preserved content.

dia-scroll-codex.jpg

Image source: Google search

Content is information produced through some editorial process and intended to be distributed to and consumed by humans. This content is created and managed, then it is published and delivered to end-users for consumption.

Content management (CM) on the other hand is some set of tools and processes (from content creation till consumption) that supports the collection, structuring, managing, preserving and publishing of information (content) in any form or type.

Some of these processes can include:

  • Editing existing content
  • Creating new content
  • Creating categories
  • Creating tags
  • Assigning content to a category or tag
  • Sorting content
  • Creating permissions and roles
  • Assign permissions and roles
  • Defining content structures and workflow
  • Version control
  • Publishing content

The Big four of Content Management

  • Web Content Management (WCM): This is the management of content meant to be distributed as text, images, sounds, videos, or animations on websites.

  • Enterprise Content Management (ECM): This is the management of business content not intended for distribution via websites (e.g business and employee records).

  • Digital Asset Management (DAM): This is the management of media files (images, audio, video).

  • Records Management (RM): This is the management of transactional records from business operations consciously retained as evidence.

Introduction to Content Management Systems

According to Wikipedia, a content management system (CMS) manages the creation and modification of digital content. These systems support multiple users in a collaborative environment, allowing documents to be managed with different styles of governance and workflows.

A CMS usually allows multiple users to interact with content stored in a repository. This repository might be located on the same server powering the application or in separate cloud storage service.

A CMS allows content editors to edit existing content, create new content, perform some editorial processes on content, and make the processed content available for consumption by end-users.

Demo of the popular WordPress CMS

Demo of the popular WordPress CMS

Components of a CMS

A content management system typically has two major components:

  • Content management application (CMA): This is the user interface that allows an editor, to add, modify, remove and manage content from a website.

  • Content delivery application (CDA): This is the component that compiles the managed content and distributes it to the website or final front-end layer.

Introduction to Traditional CMS

Traditional content management systems are "coupled", the content management application (CMA) and the content delivery application (CDA) come together in a single software application.

Here, the process of managing contents and delivering them to the front-end layer is done on one application making it difficult for developers and content manager to work independently. The CMS's backend and database are tightly bound within the same system that delivers and presents content to the front end layer.

how traditional cms works

Content is created, managed, and stored along with all digital assets on the site’s back-end while providing a content delivery layer on the frontend.

Introduction to Headless CMS

Traditional CMS mix content with the frontend code (which is usually stack specific), and this limits the content to just the application it is built upon. With the headless CMS, the frontend component of the CMS is decoupled from the application, content becomes independent, and you don't have to worry about how and where the content gets displayed but instead just storage, structuring and delivery of the content.

The headless content management system is built as a content repository that makes structured content accessible via a RESTful API, GraphQL API or the Git Workflow for display on any device while maintaining the speed, security, and scalability of the JAMstack architecture.

Screenshot 2020-07-28 at 2.05.41 PM.png

  • You create and structure your content in the Headless CMS.

  • You fetch data from your API endpoint to your website or application.

  • You query your content to your website or applications

{
  products {
    id
    name
    date
    tags
    image {
      url
      fileName
    }
  }
}
  • You can then render the fetched data in your website or application however you want and on several platforms.

Benefits of Headless CMS

Wondering why you should delve into headless content management systems?

  • The content created in a headless CMS is "raw" and can be reused across multiple platforms, making it easier for you to scale your application and still satisfy all your users on all platforms.

  • Content managers can work in their preferred choice of headless CMS and developers can build with any front end framework of their choice in their most preferred programming language.

  • Headless CMS's are cheaper to set up and easier to use with even less technical expertise after setup.

  • A headless CMS promotes an agile way of working since content managers and developers can work independently and simultaneously thereby resulting in faster development.

  • Headless CMS secures your content by providing it in high-performance CDN rather than directly from the database thereby reducing the risk of distributed denial-of-service attacks (DDoS).

Categories of Headless CMS

You can find a comprehensive list of all Content Management Systems for Jamstack Sites here.

Git-based Headless CMS

With a git-based CMS, you make and push changes to a git repository on a service like GitHub or GitLab. This service will then serve as your content delivery network, trigger a new build and update your website. Here are some of my favourites:

API driven Headless CMS

With an API-driven CMS, you manage your content on the CMS and deliver these contents to your application’s front-end with an intermediary API. Here are some of my favourites:

Conclusion

Content management is revolving and there is more demand for more flexible, scalable and faster ways to deliver the content with the right experience to the right user on the right platform.

The future is headless!

Check out the slide of my recent talk: Optimizing Content Management with the Headless CMS.

Attributions

Further Resources

Karen Bulow's photo

Hey nice article but watch your history. As a former librarian, I disagree that librarians have made no advances in 2000+ years especially when it takes at least one Masters degree to be one. We laid the foundation for CMS systems before the technology was there to support it.

Show +1 replies
Karen Bulow's photo

Bolaji Ayodeji sorry, I should have clarified that I'm looking at the first two sentences.

Bolaji Ayodeji's photo

Sure, it's fine Karen Bulow.

I don't mean to say that content wasn't improved before WWW was born. I meant, people usually see content management as something digital that started when WWW was born, so I mean WWW just brought an improvement to the existing process and was not the start of the process itself.

I hope this explains better.

Francisco Quintero's photo

Content management has been around since 300 BC to about AD 273

I genuinely believed you were kidding 🤣

Very nice article, Bolaji.

Bolaji Ayodeji's photo

Hahaha, thank you!

Pankaj Patel's photo

very nice read. thanks Bolaji Ayodeji

Sanchit's photo

Useful content. Thanks for this Bolaji Ayodeji😁

Tapas Adhikary's photo

Bolaji Ayodeji, This is just cool.. Thanks for sharing.

Bolaji Ayodeji's photo

Thanks for reading :)

Olubisi Idris Ayinde's photo

Awesome