Headless CMS (Contentful) and NextJS: How to create a modern React application?

Post Complementary Application

The post you can read here

---

Contentful - Modern headless CMS promoting API-first and cloud-native approaches

---

NextJS - Modern React based framework with Server Side Rendering and file system based router out of the box.

---

Building a hierarchical content model

let's establish a hierarchical structure of the application content model that has the following three levels of components:

• page
• template
• component

We'll also be using components like config in order to modify the behavior of the available types and to store general information about the application. The references to files stored in CMS will be added to our components. These files can be considered as an additional hierarchical level of a lower rank.

How to start

git clone https://github.com/UsulPro/contentful-post-demo-app.git
cd contentful-post-demo-app
yarn
yarn server

Created by

Oleg Proskurin

Senior Software Engineer @ FocusReactive