Create React App With Netlify CMS

  Рет қаралды 13,285

willjw3

willjw3

4 жыл бұрын

#Reactjs #Netlify #NetlifyCMS
Adding Netlify CMS to your React application isn't that hard; however, how to do so isn't covered in the Docs at Netlify CMS, nor is it covered in the Docs at Create React App. In this video, we set up a markdown blog built with create-react-app to include Netlify CMS as its content management system.
Source Code at GitHub: github.com/willjw3/netlify-cm...
Netlify CMS: www.netlifycms.org/
React: reactjs.org/
Netlify: app.netlify.com/
Social Media:
🡆 Twitter: / willjw3
🡆 GitHub: github.com/willjw3
🡆 My blog: developer-log.netlify.com/

Пікірлер: 33
@matthew78uk
@matthew78uk 4 жыл бұрын
Extremely Useful Tutorial! Many Thanks!
@Solonnikov86
@Solonnikov86 Жыл бұрын
Thanks for the tutorial. Will try to set up today. And you a right, even 3 years later it’s so hard to understand how to set up everything from the official docs 😅
@havetrustissue8975
@havetrustissue8975 4 жыл бұрын
Thanks a lot man. It's really helpful.
@bharathmaghesh5976
@bharathmaghesh5976 4 жыл бұрын
So informative thank bro 😁
@miguelrubio8093
@miguelrubio8093 3 жыл бұрын
Amazing, thanks so much for this.
@e11world
@e11world 3 жыл бұрын
Very helpful video. Thanks a bunch! Wondering how you can integrate this into your own domain name with a site that's hosted elsewhere?
@mefaba5363
@mefaba5363 4 жыл бұрын
I did not understand the first 30 second and no one explains how it is possible.
@Mostafaabobakr7
@Mostafaabobakr7 4 жыл бұрын
19:58 "pretend like didn't see this" 😂😂😂
@Mostafaabobakr7
@Mostafaabobakr7 4 жыл бұрын
You are great THANK YOU
@be-kreidly1515
@be-kreidly1515 4 жыл бұрын
I want to build a CMS in an informative website, where i can change photos and texts in "specific places" . Does it work also?
@ClementMALSERT
@ClementMALSERT Жыл бұрын
It seems you can configure Netlify CMS to output various file formats, including JSON. So you could skip using "server" from your main.js
@muhammadjumaa1256
@muhammadjumaa1256 3 жыл бұрын
How to like a video twice? Thank you for this so straight forward! If you can do some for different headless cms would be nice!
@willjw3717
@willjw3717 3 жыл бұрын
If I try another one out, I will definitely make a video. Thanks!
@naveenchintapalli7243
@naveenchintapalli7243 3 жыл бұрын
Can we use netlify cms for creating APIs like we do with strapi??
@FrontendJoe
@FrontendJoe 2 жыл бұрын
Useful cheers bro
@ArisAris-fs1ip
@ArisAris-fs1ip 2 жыл бұрын
Than you very much. But can you tell us where can we find online those git commands??
@endzeitreporterfurjesus6218
@endzeitreporterfurjesus6218 2 жыл бұрын
Seclndly do you have any sample project to fork? To have the react and netlify CMS project directory Strukture
@endzeitreporterfurjesus6218
@endzeitreporterfurjesus6218 2 жыл бұрын
Visual Studio Code has already a grafical gut Repositorie interface. So why do you use so much the git shell terminal ehan you can manage the git comitting just width vs Code it self?
@ShakeelAhmed-nh5ed
@ShakeelAhmed-nh5ed 3 жыл бұрын
is there a way we can deploy it on AWS instead of netlify , for that there must be netlfy-cms docker , do u have other ideas regarding this deployement kindly suggest , thanks for the time
@willjw3717
@willjw3717 3 жыл бұрын
I haven't looked into it, sorry. If you come up with something, feel free to leave a link here for others to follow. Cheers!
@benweinberg9001
@benweinberg9001 4 жыл бұрын
I cloned the code and deployed it to netlify and configured all the settings with the enable git gateway and invited a dummy email account i have but when i click login with netlify ID nothing happens not even an error in the console for me to debug. Any idea why that is happening? Great tutorial though!
@benweinberg9001
@benweinberg9001 4 жыл бұрын
@@willjw3717 Wow I swear this was not working last night I tried multiple times but now it is working this morning thanks will!
@amalshyjo6179
@amalshyjo6179 3 жыл бұрын
hi! I have this issue where when I build my website locally I am able to produce the .json file but on netlify the conversion doesn't occur and the JSON file is not produced
@amalshyjo6179
@amalshyjo6179 3 жыл бұрын
@@willjw3717 yeah same
@amalshyjo6179
@amalshyjo6179 3 жыл бұрын
​@@willjw3717 hey the error occurs at fs.write like it's not producing .json file but in is producing if I create .txt file instead fs.writeFile("./src/Products.txt", data this works fs.writeFile("./src/Products.json", data this dosent
@amalshyjo6179
@amalshyjo6179 3 жыл бұрын
@@willjw3717 let me just try using netlify extension and format
@incompareablethings972
@incompareablethings972 11 ай бұрын
Have you fixed this issue? @@amalshyjo6179
@SimarMannSingh
@SimarMannSingh 3 жыл бұрын
I am still confused about the pricing of Netlify CMS. I want to use a headless CMS and I am just researching which one should I opt. For that I wanted to take a look at the pricing of Netlify CMS, but couldn't find it. Is it expensive or free or what? Do you know? Can you share the link of pricing page?
@willjw3717
@willjw3717 3 жыл бұрын
I've used it for free on several websites. There's a heading on the home page that says 'Getting started is simple and free' with a button linking to a how-to-use page; just click that and you're on your way to using Netlify CMS for free. www.netlifycms.org/
@SimarMannSingh
@SimarMannSingh 3 жыл бұрын
@@willjw3717 Oh yeaah...! Didn't notice that before... Thanks mate... !! :)
@ayoubdev8019
@ayoubdev8019 2 жыл бұрын
hey sir can i know how u turn .md data to Json ?
@willjw3717
@willjw3717 2 жыл бұрын
Thanks for watching. The first two videos in this series cover that. kzbin.info/aero/PLASldBPN_pkBfRXOkBOaeCJYzCnISw5-Z
Gatsby With NetlifyCMS Tutorial
22:25
Web Dev Profesh
Рет қаралды 28 М.
State Managers Are Making Your Code Worse In React
13:33
Web Dev Simplified
Рет қаралды 167 М.
Scary Teacher 3D Nick Troll Squid Game in Brush Teeth White or Black Challenge #shorts
00:47
Who has won ?? 😀 #shortvideo #lizzyisaeva
00:24
Lizzy Isaeva
Рет қаралды 64 МЛН
Best KFC Homemade For My Son #cooking #shorts
00:58
BANKII
Рет қаралды 54 МЛН
Netlify CMS
19:10
Chris Stayte
Рет қаралды 54 М.
React JS Explained In 10 Minutes
10:00
Dennis Ivy
Рет қаралды 255 М.
I'm Sorry Netlify
9:44
Chris Titus Tech
Рет қаралды 57 М.
Rethinking React
12:33
Theo - t3․gg
Рет қаралды 77 М.
Build a productivity web app that's NOT a todo list
18:55
Learn With Jason
Рет қаралды 39 М.
When RESTful architecture isn't enough...
21:02
Dreams of Code
Рет қаралды 251 М.
Create a Custom Blog with Astro & NetlifyCMS in MINUTES!
8:57
Kumail Pirzada
Рет қаралды 25 М.
The Biggest Issues I've Faced Web Scraping (and how to fix them)
15:03
САМЫЙ ДОРОГОЙ ЧЕХОЛ! В стиле Mac Pro
0:35
Romancev768
Рет қаралды 129 М.
Лазер против камеры смартфона
1:01
NEWTONLABS
Рет қаралды 218 М.
Красиво, но телефон жаль
0:32
Бесполезные Новости
Рет қаралды 1,4 МЛН
$1 vs $100,000 Slow Motion Camera!
0:44
Hafu Go
Рет қаралды 26 МЛН
Как бесплатно замутить iphone 15 pro max
0:59
ЖЕЛЕЗНЫЙ КОРОЛЬ
Рет қаралды 353 М.