A headless CMS is an emerging solution for implementing websites. With that said, there is a point where you have to place the “head” (i.e. start rendering data and display it to the user). In most applicative contexts, having a traditional single-page application is enough. So you can implement your Angular or React app, and that’s all.
In public websites or e-commerce, you also need to have web pages for SEO and indexing purposes. To satisfy this need, tools like Gatsby come to our aid with server-side rendering (SSR). This approach overcomes all the problems of classic websites based on on-demand output computation. Moreover, they work with static generated files, which is very SEO-friendly. Basically, you can write an SPA and generate all the web pages to be consumed as static files. This approach gives the best performance, requires low resources, and allows for a great user experience.
In this article, we will cover the most important principles of headless by implementing a simple blog.
This example is educational because it covers the most important topics and will let you start to develop a headless solution on your own. This is the roadmap for our journey into the headless world:
- Introducing the headless CMS
- Creating the environment
- Installing the blog from a template
- Discovering how the blog works