MERN STACK WordPress Clone – Build Ultimate CMS

Course Curriculum

Chapter 1: Introduction

Lecture 1: Project demo

Lecture 2: Project demo (dashboard)

Lecture 3: Are you ready for this course?

Lecture 4: Code editor

Lecture 5: Using live demo as a guide

Lecture 6: Download source code from Github

Chapter 2: Getting Started

Lecture 1: Are you new to JavaScript React or NodeJs?

Lecture 2: Initialize a project using npm

Lecture 3: React NextJs project setup

Lecture 4: Ant design and custom app component

Lecture 5: Trying ant component

Chapter 3: React Context and Hooks

Lecture 1: Global context (theory)

Lecture 2: React hooks

Lecture 3: Accessing context

Lecture 4: Toggle theme context

Chapter 4: Navigation and Layouts

Lecture 1: Static folder for storing CSS files

Lecture 2: Menu component

Lecture 3: Next link to navigate between components

Lecture 4: Layout component

Lecture 5: Class to functional component (sidebar)

Lecture 6: Admin menu

Lecture 7: Menu icons

Lecture 8: Set current url

Lecture 9: Set active link

Lecture 10: Auto collapse menu based on window width

Chapter 5: Ant Design Components

Lecture 1: Ant design form (theory)

Lecture 2: Understanding grid and columns

Lecture 3: Signup form

Lecture 4: Signin form

Chapter 6: Server Setup

Lecture 1: Generate auth server

Lecture 2: Understanding server and GET request

Lecture 3: Understanding server and POST request

Lecture 4: Signup to mongo atlas

Lecture 5: Signup to sendgrid

Chapter 7: Signup and Signin

Lecture 1: Axios POST request and debugging

Lecture 2: Save user in database

Lecture 3: Toast notifications and loading

Lecture 4: Auth context

Lecture 5: Using context and local storage

Lecture 6: Env file and axios configuration

Lecture 7: Signin backend

Lecture 8: Signin frontend

Lecture 9: Signout

Lecture 10: Conditional rendering and reset fields

Chapter 8: Forgot and Reset Password

Lecture 1: How forgot password works (theory)

Lecture 2: Forgot password request

Lecture 3: Forgot password resposne

Lecture 4: Implement reset password

Lecture 5: Trying reset password

Chapter 9: Categories (server)

Lecture 1: Admin categories page

Lecture 2: Category create form

Lecture 3: Category schema

Lecture 4: Category route and controller function

Lecture 5: Middleware explained

Lecture 6: Request headers

Lecture 7: Require signin middleware

Lecture 8: Create category

Lecture 9: Is admin middleware

Chapter 10: Admin Access Control

Lecture 1: Role based redirect

Lecture 2: Protecting admin pages

Lecture 3: Loading state

Lecture 4: Current admin endpoint

Lecture 5: Protecting page based on server response

Chapter 11: Categories Management (admin)

Lecture 1: Categories list server

Lecture 2: List of categories client

Lecture 3: Ant columns layout

Lecture 4: Delete category

Lecture 5: Update category server

Lecture 6: Using modal component

Lecture 7: Updating category on modal

Lecture 8: Complete category update

Chapter 12: Rich Text Editor for Posts

Lecture 1: Editor preview and posts page

Lecture 2: Installing rich markdown editor

Lecture 3: Styling editor

Lecture 4: Post title and content in local storage

Lecture 5: Load categories

Lecture 6: Multiple select

Lecture 7: Rich text editor upload image

Chapter 13: Uploading images

Lecture 1: React image resize and resolve editor issues

Lecture 2: Using cloudinary

Lecture 3: Uploading image

Lecture 4: Post preview

Lecture 5: Handle publish

Chapter 14: Posts (server)

Lecture 1: Post route and schema

Lecture 2: Save post in database

Lecture 3: All posts server