React Node CMS (Content Management System)

React Node CMS (Content Management System) [Live Demo](https://mern-stack.com/) > This course is in the making. New lessons are added daily. - Suitable for al..

^MERN^React^Node^MongoDB

Created by Ryan Dhungel

Last updated 3/22/2023

$9.99$9.99ON SALE

About the course

React Node CMS (Content Management System) Live Demo

This course is in the making. New lessons are added daily.

Suitable for all levels including beginners
Each line of code explained
Complete backend with full authentication including password forgot/reset emails
Posts, categories, media library, user management, access control and so much more..
React frontend with NextJs for better SEO and page speed
Extensive admin dashboard (similar to WordPress CMS)
Source code for almost each lectures
Checkout the live demo to experience all features

197 Lessons

1
Introduction
2
Project demo (front)
3
Project demo (dashboard)
4
Are you ready for this course?
5
Code editor
6
Using live demo as a guide
7
DOWNLOAD SOURCE CODE
8
Initialize a project using npm
9
React NextJs project setup
10
Ant design and custom app component
11
Trying ant design component
12
Global context theory
13
React hooks
14
Accessing context
15
Toggle theme context
16
Static folder for css files
17
Menu component
18
Next link to navigate between pages
19
Layout component
20
Sidebar class to functional component
21
Admin menu
22
Menu icons
23
Set current url
24
Set active link
25
Auto collapse menu based on window width
26
Ant design form theory
27
Understanding grid and columns
28
Signup form
29
Signin form
30
Generate auth server
31
Understanding server and get requests
32
Understanding server and post request
33
Signup to mongo atlas
34
Signup to sendgrid
35
Axios post request and debugging
36
Save user in database
37
Toast notifications and loading
38
Auth context
39
Using context and local storage
40
Env file and axios configuration
41
Signin backend
42
Signin frontend
43
Signout
44
Conditional rendering and reset fields
45
How forgot password works (theory)
46
Forgot password request
47
Forgot password response
48
Implement reset password
49
Trying reset password
50
Admin categories page
51
Category create form
52
Category schema
53
Category route and controller function
54
Middleware explained
55
Request headers
56
Require signin middleware
57
Create category
58
isAdmin middleware
59
Role based redirect
60
Protecting admin pages
61
Loading state
62
Current admin endpoint
63
Protecting page based on server response
64
Categories list server
65
List of categories client
66
Ant design columns layout
67
Delete category
68
Update category server
69
Using modal component
70
Updating category on modal
71
Complete category update
72
Editor preview and posts page
73
Installing rich markdown editor
74
Styling editor
75
Post title and content in local storage
76
Load categories
77
Multiple select
78
Rich text editor upload image
79
React image resize and resolve editor issues
80
Using cloudinary
81
Uploading image
82
Post preview
83
Handle publish
84
Post route and schema
85
Save post in database
86
Creating posts
87
All posts server
88
List posts client
89
Why we need post context (theory)
90
Lifting state posts
91
Lifting state categories
92
Wordpress inspired media library
93
Featured image modal
94
Media components
95
Upload component
96
Sending image as form data
97
Save media in database
98
Drag drop multiple upload
99
Media context
100
Uploaded image preview
101
Create post with featured image
102
Media endpoints
103
Fetch media
104
Select from media library
105
Remove media
106
SEO react apps and nextjs apps
107
Load all posts
108
Display posts
109
Single post page
110
Post image and meta content
111
Scrolling post view and responsive layout
112
Delete post
113
Post edit page
114
Pre populate post for edit
115
Post edit request client
116
Post edit server
117
Admin media upload
118
Admin media library
119
Create user by admin
120
Password generator select and checkbox
121
Create user by admin server
122
Send account info by email
123
Code refactoring new post
124
Code refactoring posts list
125
IsAdmin middleware
126
Author nav and layout
127
Author post create page
128
Can create read update delete middlewares
129
Apply new middlewares
130
Author posts
131
Author post edit
132
Author media management
133
Subscriber nav layout and pages
134
Users page for admin
135
Users list for admin
136
Users list with number of posts
137
Delete user by admin
138
User update page for admin
139
User update form fields and media
140
Update user by admin
141
User image preview
142
Profile page
143
Author and subscriber profile page
144
Updating own profile based on roles
145
Post count and pagination server
146
Load more posts
147
All posts for admin
148
Searching and filtering
149
Creating comment server
150
Post comment form
151
Posting comment client
152
Populating post comments
153
Render list of comments
154
Can update delete comments server
155
Comments CRUD controller functions
156
Admin comments page
157
Rendering comments for admin
158
Load more comments
159
Comments description view and delete
160
Comments delete by admin
161
Comments page for users
162
Comment edit modal
163
Comment update
164
Contact page
165
Contact form submit
166
Send contact form email
167
Share post to social networks
168
Documents statistics server
169
Admin index page to display statistics
170
Numbers counter with progress
171
Custom hook useCategory
172
Custom hook useLatestPost
173
Posts by category server
174
Posts by category page
175
List of posts based on category
176
Full width image
177
Loading to redirect
178
Text on top of fullwidth image
179
Stats counter on home page
180
Latest posts in home page
181
Parallax image
182
Categories list in home page
183
Footer
184
Customize page
185
Customize home page from dashboard
186
Page create and fetch server
187
Customize home page
188
useHome custom hook
189
Deployment to digital ocean setup
190
Deployment ssh access
191
Deployment push to github
192
Deployment Installing Node NGINX and git clone
193
Running server installing mongodb and commit changes
194
Running react nextjs client
195
Signup to the live app
196
Performing actions in live app
197
Final thoughts

React Node CMS (Content Management System)

$9.99$9.99ON SALE

About the course

197 Lessons

Introduction

Project demo (front)

Project demo (dashboard)

Are you ready for this course?

Code editor

Using live demo as a guide

DOWNLOAD SOURCE CODE

Initialize a project using npm

React NextJs project setup

Ant design and custom app component

Trying ant design component

Global context theory

React hooks

Accessing context

Toggle theme context

Static folder for css files

Menu component

Next link to navigate between pages

Layout component

Sidebar class to functional component

Admin menu

Menu icons

Set current url

Set active link

Auto collapse menu based on window width

Ant design form theory

Understanding grid and columns

Signup form

Signin form

Generate auth server

Understanding server and get requests

Understanding server and post request

Signup to mongo atlas

Signup to sendgrid

Axios post request and debugging

Save user in database

Toast notifications and loading

Auth context

Using context and local storage

Env file and axios configuration

Signin backend

Signin frontend

Signout

Conditional rendering and reset fields

How forgot password works (theory)

Forgot password request

Forgot password response

Implement reset password

Trying reset password

Admin categories page

Category create form

Category schema

Category route and controller function

Middleware explained

Request headers

Require signin middleware

Create category

isAdmin middleware

Role based redirect

Protecting admin pages

Loading state

Current admin endpoint

Protecting page based on server response

Categories list server

List of categories client

Ant design columns layout

Delete category

Update category server

Using modal component

Updating category on modal

Complete category update

Editor preview and posts page

Installing rich markdown editor

Styling editor

Post title and content in local storage

Load categories