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

Builds a MERN stack application focused on user authentication, with a full-featured API and React single-page frontend. The project uses JWT cookies, Redux Toolkit for state management, and deploys the app to a server with 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