📥 Subscribe
🎓 Courses
📝 Articles
📖 Tutorials
⬇️ Free Downloads
🔐 Login
React Node CMS (Content Manag.. / Introduction
Mark Lesson Complete
Lessons (0 Completed 197 Remaining)
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
🔒
DOWNLOAD SOURCE CODE
8
Initialize a project using npm
9
React NextJs project setup
10
Ant design and custom app com..
11
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..
🔒
Layout component
🔒
Sidebar class to functional c..
🔒
Admin menu
🔒
Menu icons
🔒
Set current url
🔒
Set active link
🔒
Auto collapse menu based on w..
🔒
Ant design form theory
🔒
Understanding grid and columns
🔒
Signup form
🔒
Signin form
🔒
Generate auth server
🔒
Understanding server and get ..
🔒
Understanding server and post..
🔒
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 res..
🔒
How forgot password works (th..
🔒
Forgot password request
🔒
Forgot password response
🔒
Implement reset password
🔒
Trying reset password
🔒
Admin categories page
51
Category create form
🔒
Category schema
🔒
Category route and controller..
🔒
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 serv..
🔒
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 loc..
🔒
Load categories
🔒
Multiple select
🔒
Rich text editor upload image
🔒
React image resize and resolv..
🔒
Using cloudinary
🔒
Uploading image
🔒
Post preview
🔒
Handle publish
🔒
Post route and schema
🔒
Save post in database
🔒
Creating posts
🔒
All posts server
🔒
List posts client
89
Why we need post context (the..
🔒
Lifting state posts
🔒
Lifting state categories
🔒
Wordpress inspired media library
🔒
Featured image modal
🔒
Media components
🔒
Upload component
🔒
Sending image as form data
🔒
Save media in database
🔒
Drag drop multiple upload
🔒
Media context
🔒
Uploaded image preview
🔒
Create post with featured image
🔒
Media endpoints
🔒
Fetch media
🔒
Select from media library
🔒
Remove media
🔒
SEO react apps and nextjs apps
🔒
Load all posts
🔒
Display posts
🔒
Single post page
🔒
Post image and meta content
🔒
Scrolling post view and respo..
🔒
Delete post
🔒
Post edit page
🔒
Pre populate post for edit
🔒
Post edit request client
🔒
Post edit server
🔒
Admin media upload
🔒
Admin media library
🔒
Create user by admin
🔒
Password generator select and..
🔒
Create user by admin server
🔒
Send account info by email
🔒
Code refactoring new post
🔒
Code refactoring posts list
🔒
IsAdmin middleware
🔒
Author nav and layout
🔒
Author post create page
🔒
Can create read update delete..
🔒
Apply new middlewares
130
Author posts
🔒
Author post edit
🔒
Author media management
🔒
Subscriber nav layout and pages
🔒
Users page for admin
🔒
Users list for admin
🔒
Users list with number of posts
🔒
Delete user by admin
🔒
User update page for admin
🔒
User update form fields and m..
🔒
Update user by admin
🔒
User image preview
🔒
Profile page
🔒
Author and subscriber profile..
🔒
Updating own profile based on..
🔒
Post count and pagination server
146
Load more posts
🔒
All posts for admin
🔒
Searching and filtering
🔒
Creating comment server
🔒
Post comment form
🔒
Posting comment client
🔒
Populating post comments
🔒
Render list of comments
🔒
Can update delete comments se..
🔒
Comments CRUD controller func..
🔒
Admin comments page
🔒
Rendering comments for admin
🔒
Load more comments
🔒
Comments description view and..
🔒
Comments delete by admin
🔒
Comments page for users
🔒
Comment edit modal
🔒
Comment update
🔒
Contact page
🔒
Contact form submit
🔒
Send contact form email
🔒
Share post to social networks
🔒
Documents statistics server
🔒
Admin index page to display s..
🔒
Numbers counter with progress
🔒
Custom hook useCategory
🔒
Custom hook useLatestPost
🔒
Posts by category server
🔒
Posts by category page
🔒
List of posts based on category
🔒
Full width image
🔒
Loading to redirect
🔒
Text on top of fullwidth image
🔒
Stats counter on home page
🔒
Latest posts in home page
🔒
Parallax image
🔒
Categories list in home page
🔒
Footer
🔒
Customize page
🔒
Customize home page from dash..
🔒
Page create and fetch server
🔒
Customize home page
🔒
useHome custom hook
🔒
Deployment to digital ocean s..
🔒
Deployment ssh access
🔒
Deployment push to github
🔒
Deployment Installing Node NG..
🔒
Running server installing mon..
🔒
Running react nextjs client
🔒
Signup to the live app
🔒
Performing actions in live app
🔒
Final thoughts