Search videos
Search across video titles, descriptions, and transcripts
In this project, we will create a MERN stack app with a React SPA frontend. The main focus is authentication, but you will learn how to create a full-featured API, manage state with Redux Toolkit, and more.
Linode/Akamai - Get $100 Free For 60 Days
Code:
https://github.com/bradtraversy/mern-auth
Blog Post - Part 1 (Backend):
https://www.traversymedia.com/blog/mern-crash-course-part-1
Blog Post - Part 2 (Frontend):
https://www.traversymedia.com/blog/mern-crash-course-part-2
12-Hour MERN Course:
https://www.traversymedia.com/mern-stack-from-scratch
Timestamps:
- 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
1:00:21
12:08
52:41
3:23:11