Contentful CMS with React JS ( Part 1 ) | Easy Tutorial
Hey Everyone! In this video, we delve into the exciting world of Content Management Systems (CMS) by building a stunning Food Blog website using React JS and fetching data from Contentful.
You'll learn step-by-step how to retrieve data from Contentful and display it on your website, creating a captivating user experience. Stay tuned for Part 2, where we'll discuss how to post data to the CMS, unlocking even more possibilities for your website.
Contentful CMS: https://www.contentful.com/
"10 Days of Learning React JS" Playlist
Click here: • 10 Days of Learning React JS 🔥
"JavaScript Complete Course For Beginners" Playlist
Click here: • JavaScript Complete Course For Beginners
"HTML Complete Course For Beginners" Playlist
Click here: • HTML Complete Course For Beginners
"CSS Complete Course For Beginners"
Click here: • CSS Complete Course For Beginners
"Send Email Using Node Js"
Click here: • How to send Email using React JS | Nodemai...
"Read Google Sheet in React Js"
Click here: • Read Google Sheet in React JS | Google She...
"Responsive Website Using HTML and CSS Only"
Click here: • Responsive Website Using HTML & CSS Only |...
"Responsive Navbar using HTML and CSS Only"
Click here: • Responsive Navbar using HTML and CSS Only ...
"CSS Animation Card HTML and CSS Only"
Click here: • CSS Animation Card | Easy Tutorial | HTML ...
If you want to know the trick to send the "Blank message on Whatsapp"
Click here: • How to send blank message from WhatsApp | ...
Click here to Subscribe Callback Coding:
/ @callbackcoding
If you guys have any query or suggestion for me, feel free to comment and subscribe to my channel. Thanks
SOCIAL LINKS:
Instagram ➤ / callbackcoding
Facebook Page ➤ / callbackcoding
TIMESTAMPS:
00:00 Introduction
00:16 What’s in this video?
01:07 Create React App
01:35 What is CMS?
03:50 Design Frontend (Home Page)
06:43 React router dom
07:30 Frontend (Blogs page)
10:52 Frontend (Single Blog page)
13:16 Signup Contentful
13:52 Setting up Contentful & Create Blog
21:04 Integrate CMS with React
24:24 Fetch Data & Display
33:47 Create a Loader
34:49 Rich text render
39:56 Outro