» » CMS in React

CMS in React

posted in: Dev Notes | 0

Lately My colleague asked me what platform/ framework is the best for him to create a Home page for the promotionCampaigns of the upcoming. He has a preference on the usage of React.

UI Framework library. Making backend API and server is easy as a cake for him. But the integration and
dynamic content generation pose a question. For example , updates and posts

Using Plain GQL server and Create-React-App has been a sound practice for me in Setting up the project.
There is so much hazzles in setting up the project, especially for a project in needs of rapid delivery. There is too much ops than devs in optimising effort in delivering business value than managing projects.

I’m professionally a React.js developer, so getting to use React in these quick projects is a great benefit. I have been developing web app for two years, using libraries. It is worth discovering what are the latest tooling for bloggers or light-weight users to create and develop their blogs in an out of the box manner.

What solutions comes out to solve this problem is Headless CMS and Static Site generator.

Gatsby is a modern static content generator for React and it boasts an impressive list of out-the-box features.
I have gone through the tutorial and find it exceptionally welcoming and easy for beginners to develop web app in React and JavaScript.
It has integrated high level interfacing for Routing, paging, Styling. And provides support in community driven plugins for integrations of other web service and public and paid themes. A market place is there for you to explore well developed templates and themes.

For the benefit of a headless CMS , just a direct quote from the internet.
A classical CMS provides a way to author content and a way to render that content as web-pages. A headlessCMS provides content authoring but instead of web-page-rendering, it provides the content as data over an API. You then write one or more front-ends that present the content to end-users. The front-ends can be web-sites, apps, voice assistant skills, e-book generators, games etc. The grand idea is that when content is pure data, presentation modes can evolve independently of the content authoring.

Many frameworks and service have arisen these years to solve this comply asked problem, what a framework needs to look like for designers, developers and editors to effortlessly work with structured data. What would a headless CMS look like when its done exactly right.

There is Headless CMS as abundantly as static content generators. This article has listed well recognised choices:

Picking a backend for GatsbyJS | GatsbyJS

Overall, Gatsby is a starter for React beginner, It has integration and extensibiility which makes them easy to develop a static content website. Paging, routing , styling and theming.

Leave a Reply

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