Building a Full Stack Application with the MERN Stack - Complete Tutorial

TLDRLearn how to build a full stack application using the MERN stack (MongoDB, Express, React, Node.js), with a focus on authentication using JSON Web Tokens (JWT). The tutorial covers back-end and front-end development, including user registration, login, logout, and profile management.

Key insights

✨The tutorial shows how to build a full stack application using the MERN stack.

🚀The main focus of the tutorial is on implementing authentication using JSON Web Tokens (JWT).

🔒Instead of storing JWTs in local storage, the tutorial demonstrates how to store them in HTTP-only cookies for increased security.

🌐The application includes both back-end and front-end components, with routes for user registration, login, logout, and profile management.

📚The tutorial also covers Redux Toolkit for state management and deployment to Linode.

Q&A

What is the MERN stack?

—The MERN stack is a set of technologies used to build full stack web applications. It includes MongoDB, Express.js, React, and Node.js.

What is JWT authentication?

—JWT authentication is a method of user authentication that uses JSON Web Tokens. These tokens are generated by the server and stored on the client side. They can contain user information and are used to authenticate subsequent requests.

Why store JWTs in HTTP-only cookies?

—Storing JWTs in HTTP-only cookies provides increased security by preventing the tokens from being accessed by JavaScript code. This helps protect against cross-site scripting (XSS) attacks.

What is Redux Toolkit?

—Redux Toolkit is a package that simplifies the process of working with Redux, a popular state management library for JavaScript applications.

How can I deploy my application to Linode?

—The tutorial provides instructions on deploying the application to Linode, a cloud hosting provider. It includes a link to sign up for a $100 credit to get started.

Timestamped Summary

00:00In this comprehensive tutorial, you will learn how to build a full stack application using the MERN stack (MongoDB, Express, React, Node.js).

00:32The main focus of the tutorial is on implementing authentication using JSON Web Tokens (JWT).

02:14Instead of storing JWTs in local storage, the tutorial demonstrates how to store them in HTTP-only cookies for increased security.

04:42The application includes routes for user registration, login, logout, and profile management.

07:46Redux Toolkit is used for state management, and the tutorial covers how to deploy the application to Linode.

Browse more