GraphQL Authentication: JWT, login, signup, and more! | NestJS PassportJS Tutorial
In this video we'll discuss the fundamentals of adding authentication to your GraphQL NestJS API. We'll talk about utilizing passport to use different types of authentication strategies. Specifically we will use the passport-local strategy to login with username and password. We'll also take a look at how to generate JWT to keep users logged in. Next, we'll protect our GraphQL queries by checking for access tokens in the headers, as well as verifying it. Finally we will explore how to properly do user sign-up / registration, specifically making sure that we are saving passwords safely. There are a lot of gotchas with using PassportJS with GraphQL, we'll talk about those at well.
00:00 - Intro
00:25 - Create new Nest application
00:55 - GraphQL setup
09:26 - Passport and Auth Module setup
12:43 - Local Strategy
17:03 - Login Mutation
21:15 - Auth Guard
25:34 - Summary of login flow
30:31 - Setting up JWT
35:40 - JWT Strategy
37:44 - JWT Auth Guard
39:24 - Setting Authorization header
39:54 - Summary of JWT flow
42:53 - Signup flow
46:06 - Bcrypt for password hashing
51:30 - Full summary of everything
52:50 - Outro
Видео GraphQL Authentication: JWT, login, signup, and more! | NestJS PassportJS Tutorial канала Marius Espejo
00:00 - Intro
00:25 - Create new Nest application
00:55 - GraphQL setup
09:26 - Passport and Auth Module setup
12:43 - Local Strategy
17:03 - Login Mutation
21:15 - Auth Guard
25:34 - Summary of login flow
30:31 - Setting up JWT
35:40 - JWT Strategy
37:44 - JWT Auth Guard
39:24 - Setting Authorization header
39:54 - Summary of JWT flow
42:53 - Signup flow
46:06 - Bcrypt for password hashing
51:30 - Full summary of everything
52:50 - Outro
Видео GraphQL Authentication: JWT, login, signup, and more! | NestJS PassportJS Tutorial канала Marius Espejo
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![I Never Want to Create APIs Any Other Way](https://i.ytimg.com/vi/tjfEkaPiKQQ/default.jpg)
![You should upgrade! NestJS v10](https://i.ytimg.com/vi/CfS-9GqorqQ/default.jpg)
![What Next.js doesn't tell you about caching...](https://i.ytimg.com/vi/7BgzXp35ZuU/default.jpg)
![This Drizzle ORM feature is a game changer!](https://i.ytimg.com/vi/O9zxsSl9zgE/default.jpg)
![Decouple your NestJS code with this technique!](https://i.ytimg.com/vi/-MlXwb42nKo/default.jpg)
![Kysely first impressions - Typescript SQL query builder and migrations](https://i.ytimg.com/vi/vnSnor_C2rA/default.jpg)
![Drizzle ORM First impressions - migrations, relations, queries!](https://i.ytimg.com/vi/Qo-RXkSwOtc/default.jpg)
![React JS Component Testing with Storybook 7 Typescript](https://i.ytimg.com/vi/Lg-hT0O2F7E/default.jpg)
![Storybook 7 Crash Course - React Typescript](https://i.ytimg.com/vi/CuGZgYo6-XY/default.jpg)
![You don't need passwords anymore! NestJS passwordless magic link authentication](https://i.ytimg.com/vi/69QmlAXNgHk/default.jpg)
![Can we combine a NestJS app with React?](https://i.ytimg.com/vi/nY0R7pslbCI/default.jpg)
![Next.js 13 vs Remix! Nested layouts and routing](https://i.ytimg.com/vi/xfKpP2wVKbc/default.jpg)
![TypeORM v0.3.x Migrations, queries, with NestJS!](https://i.ytimg.com/vi/5G81_VIjaO8/default.jpg)
![Server-Sent Events with NestJS](https://i.ytimg.com/vi/ylFrG4m7FjU/default.jpg)
![Speech-to-Text app with SENTIMENT Analysis using ReactJS and AI!](https://i.ytimg.com/vi/OKJiSsBulRo/default.jpg)
![Easiest way to build real-time web apps? WEBSOCKETS with NestJS](https://i.ytimg.com/vi/atbdpX4CViM/default.jpg)
![Vue JS 3 Reactivity Fundamentals - Composition API](https://i.ytimg.com/vi/gew7a_Mdh5U/default.jpg)
![How to Manage User Access in NestJS | Authorization with CASL](https://i.ytimg.com/vi/1pPjCX0FHco/default.jpg)
![Is this the best NodeJS Authorization Library? | CASL JavaScript Tutorial](https://i.ytimg.com/vi/qMU9c-0UHwM/default.jpg)
![Pinia Vue 3 State Management | Vue JS](https://i.ytimg.com/vi/XdRcFsoJAWQ/default.jpg)
![Build Your Own Blog with Remix and Tailwind CSS, and deploy to Vercel!](https://i.ytimg.com/vi/5O6uhyaSvCM/default.jpg)