https://github.com/focusreactive/contentful-post-demo-app
Contentful and NextJS Post Complementary Application
https://github.com/focusreactive/contentful-post-demo-app
Last synced: about 1 year ago
JSON representation
Contentful and NextJS Post Complementary Application
- Host: GitHub
- URL: https://github.com/focusreactive/contentful-post-demo-app
- Owner: focusreactive
- Created: 2019-11-20T18:47:28.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2021-03-18T11:29:25.000Z (about 5 years ago)
- Last Synced: 2025-03-27T12:11:09.471Z (about 1 year ago)
- Language: JavaScript
- Size: 2.17 MB
- Stars: 7
- Watchers: 1
- Forks: 5
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Headless CMS (Contentful) and NextJS: How to create a modern React application?
## Post Complementary Application
The post you can read [here](https://medium.com/@FocusReactive/headless-cms-contentful-and-nextjs-how-to-create-a-modern-react-application-part-1-fdd772073a5d)
---
 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
```sh
git clone https://github.com/UsulPro/contentful-post-demo-app.git
cd contentful-post-demo-app
yarn
yarn server
```
### Created by
[Oleg Proskurin](https://twitter.com/UsulPro)
Senior Software Engineer @ [FocusReactive](focusreactive.com)