MEVN Stack User Authentication - Part 2
Welcome to our latest video where we will be building a MEVN stack authentication app with JWT token and HTTP-only cookie support. This tutorial is perfect for those looking to learn more about MEVN stack and how to implement authentication within their web applications.
We'll start by covering the basics of MEVN Stack, which stands for MongoDB, Express.js, Vue.js, and Node.js. Then, we'll dive into the details of how we can use JSON Web Tokens (JWTs) and HTTP-only cookies to protect our users' data from unauthorized access.
Throughout the video, you'll see step-by-step how we can build a secure authentication system using these technologies. We'll also explain the benefits of using JWTs and HTTP-only cookies in this process, including how they can help to prevent cross-site scripting attacks.
By the end of our tutorials, you will have a better understanding of MEVN stack and how to implement an authentication system using JWTs and HTTP-only cookies. So sit back, relax, and let's get started on this exciting journey together!
Learn Authentication:
- Django & React Authentication with JWT - https://www.youtube.com/playlist?list=PLpQS6r2adVGe1itSjUnkmNR_JwurxvjW9
- Best React Validation Practices - https://www.youtube.com/watch?v=JjUms4aHrbs&list=PLpQS6r2adVGeqysSnHoui_8vPeJvUPZlG&index=1
- Responsive HTML & CSS card - https://www.youtube.com/watch?v=tkxTahBfZtw
? Source code: https://github.com/TuralHasanov11/mevn-authentication
? Subscribe ➜ https://www.youtube.com/@martialcoding3297
? Follow Me On Social Media:
My portfolio: http://turalhasanovportfolio.herokuapp.com
LinkedIn: https://www.linkedin.com/in/tural-hasanov-1a5554204/
Follow me on GitHub: https://github.com/TuralHasanov11
00:00 Creating Vue.js App
02:50 Creating Views and Components
24:00 Create Auth Store
36:46 Create API handler composable
49:03 Using API composable inside store
57:07 Handle Register form
01:08:00 Handle Login form
01:10:50 Handle User data in User view
01:13:35 Handle User data in Navbar component
01:17:40 Calling getUser() action in User view
01:18:40 Fixing composable mistake in store
01:19:20 Add frontend endpoint to allowed origins and fix middleware
01:21:16 Adding additional fields to Register form
01:22:40 Testing Register and Login forms
01:24:50 Fix store getter and state name mistake
01:26:00 Changing async setup to mounted hook
01:28:10 Setup persistent login
01:32:50 Creating additional API handler composable
01:36:10 Creating Navigation guards
01:40:25 Testing Application
Music - https://www.youtube.com/watch?v=2XzBXluYPRk&list=PL7y15mpBDBEeJqkVJhu9iewgm4UGkAmqR
#mevn
#stack
#vue
#nodejs
#node
#express
#authentication
#cookies
#http
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «MEVN Stack User Authentication - Part 2», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.