WordPress as a Headless CMS-open source headless cms

Today im going to talk about the concept of Headless CMS systems. We are going to take a close look at WordPress as a Headless CMS. Moreover, This article is just the first in the series about open source headless cms platforms to work with.

We are going to go over a few key points in this article. For instance: We will talk about the concepts of a headless cms development methodology, why the sudden rise in popularity, why should we consider this approach and more. So without any further delay, let’s begin by answering the question of what is a Headless CMS?

CMS = content management system

What is a headless CMS?

headless cms wordpress

The open source headless cms approach has soared in popularity in the past two years. Right now in 2019, its popularity is still on the rise. In order to understand what this approach means, let’s explain the concept of the Headless CMS approach.

Headless CMS Definition:

This term is relatively new, what it means is essentially using a constructed CMS as the back of your system(for instance: WordPress CMS). However, you remove the front end side of that CMS and thus, making it “headless”. Afterward, you write your own front end in whatever language or framework that you need and integrate it using the CMS’s RESTfull API services in addition to JSON/AJAX functions to combine the management of the CMS and the display of data from the DB to the front end side of the system.

Why the sudden rise? why do we need this approach at all? let’s answer these questions in the next section of our article. moving on.

Why should we consider this approach?

Well, in short, this whole approach is mainly used for the integration of WordPress as a headless CMS coupled with VueJS/React on the front end. This new and popular combination houses multiple advantages. Now we won’t go into the details of the PROS and CONS of this approach in this article, however, I will point out a few key advantages:

  • Allows for the building of stunning single page Apps very quickly
  • It allows a very simple and easy backend management dashboard.
  • Blazing fast websites that make you feel in a spaceship 🙂
  • Amazing flexibility and development power.
  • The ability to build stunning data dashboards with ease

These are just a few key advantages to this approach. Moreover, more and more startup and SaaS companies embrace the model of headless CMS for their apps, websites and digital assets. IN SHORT, THE WORLD IS CHANGING GUYS!

Why The Sudden Rise In Popularity?

With the release of frameworks and new technologies like Vuejs/React a new possibility was opened. Companies want stunning websites with a good backend interface. However, building such a backend interface will take a good amount of time. Furthermore, it’s not always necessary to develop a back end management system from scratch. This opened the door to the Headless CMS approach.

Dont get me wrong, you can’t go and build all web apps with this methodology. Some complex projects will require from scratch development. Why?

because if the app is so complex or has certain functions, managing all of the data by ENDPOINTS will be hectic and unwise. If you remember, as I explained above, the headless CMS approach utilized the use of the rest API service of the cms you’re working with. Meaning, you will have to write custom endpoints, ajax calls and more.

WordPress as a Headless CMS

One of the most popular development solutions with this approach is using WordPress as the CMS. This is for several reasons:

  • WordPress comes with a super convenient and ready API
  • It’s Open Source
  • Easy management
  • HUGE Flexibility and development power.
  • SOLID CMS
  • Supported worldwide, everybody knows WordPress.

As you can see above, WordPress really looks like a perfect fit for such an approach. and for good reason. Moreover, I would like to state that most Hybrid headless CMS apps use WordPress as their backend due to the huge advantages.

Final Words

To sum up, I really hope you found this article informative. However, this was a concept article without any coding involved. The next articles in the series will show us how to integrate VueJs with WordPress CMS.

Finally, if you would like to read more on the subject, visit these resources:

VueJs Related Articles: Here

Wiki Page on Headless content management system: Here

Leave a Reply

Your email address will not be published. Required fields are marked *