MERN Crash Course - JWT Authentication, Redux Toolkit, Deployment & More

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!

Grab it

Create a comprehensive MERN stack application with a React SPA frontend, focusing on JWT authentication, Redux Toolkit state management, and deployment. Learn to build a full-featured API, implement user registration and login functionality, manage protected routes, and update user profiles. Explore frontend development with React Bootstrap, set up Redux for state management, and integrate React Toastify for notifications. Dive into backend development with Express, MongoDB, and JWT implementation. Finally, prepare the application for production and deploy it using Linode, PM2, and NGINX.

Syllabus

- Intro
- Linode Sponsor
- Getting Started
- Dependencies & Express Server
- Scripts & Nodemon
- .env File
- User Routes & Controller Setup
- Postman Workspace Setup
- Async Handler
- Custom Error Middleware
- User Controller Functions
- Connect To User Routes
- MongoDB Database Setup
- User Model
- Register User Endpoint
- Generate JWT & Save Cookie
- Auth User Endpoint
- Logout & Destroy Cookie
- Auth Protect Middleware
- Update User Profile Endpoint
- Starting The Frontend
- Concurrently Setup
- React Bootstrap Setup
- Header Component
- HomeScreen & Hero
- React Router Setup
- Login & Register Form UIs
- Redux Toolkit Setup
- Auth Slice
- API Slices
- Login Functionality
- React Toastify Setup
- Auth Header Links
- Logout Functionality
- Loader Component
- Register Functionality
- Start Profile
- PrivateRoute Component
- ProfileScreen Component
- Update Profile Functionality
- Prepare For Production
- Create A Linode/Server
- SSH Into Server & Provision
- Clone Files On To Server
- PM2 Setup
- NGINX Setup