Авторизация на React для самых маленьких | Сервер на Nest.js

🔥 Оформить премиум подписку - https://htmllessons.ru/premium 👉 ТГ Канал - https://t.me/redgroupchannel 💸 Поддержать - https://www.donationalerts.com/r/redg... ► Новый интенсив по Backend - https://htmllessons.ru/int/show/4 ► Как купить из других стран - https://t.me/redgroupchannel В этом крутом ролике мы реализуем авторизацию с использованием сервера на Nest.js. Надеюсь Вы оцените мои старания, с Вас лайк и подписка. 🔥 250 лайков и я снимаю еще рубрику "для самых маленьких". Если есть какие то фишки по этой теме - дай знать в 💬 комментариях! 💰 Новый ролик для спонсоров доступен на Boosty https://boosty.to/redgroup или в нашей общей подписке (от 3 мес.) на сайте https://htmllessons.ru/premium Скачать 🖥 исходник проекта в нашем хранилище - https://htmllessons.ru/repositories#s... #React #NestJs #Junior #RedGroup Шикарный стрим! Мы разобрали работу c Nest.js CLI. Настроили prettier и eslint. Установили нужные библиотеки на backend для авторизации (typegoose, passport.js, bcryptjs, nestjs/jwt...). Научились работать с файлом .env. Написали файлы конфигов mongodb и jwt. Разработали свою первую модель пользователя. Описали первую Dto для входных данных. Разобрали в чем разница контроллера и сервиса в nestjs. Зашифровали пароль с помощью bcrypt.js. Потом перешли на фронтенд сделали форму авторизации. Реализовали отправку данных с помощью axios и react query. Написали первые сервисы на фронте. Поработали с контекстом в React. В целом, я рад результату! Тайм коды: 00:00:00 - Начало + ответы на популярные вопросы 00:21:35 - Установка backend nestjs + CLI 00:22:55 - Технические неполадки 00:25:50 - Разбор структуры проекта 00:28:17 - Технические неполадки 00:31:40 - Настройка Prettier 00:33:55 - Настройка ESLint 00:35:49 - Технические неполадки 00:37:30 - Установка библиотек 00:41:00 - Настойка корневого файла 00:42:30 - Файлы конфига + ENV 00:49:44 - Технические неполадки 00:51:13 - Пишем конфиг 00:54:56 - Ищем дизайн проекта 01:03:33 - Описываем модель пользователя 01:06:00 - Еще немного "болтовни" 01:10:35 - Подключаем модель 01:16:26 - MongoDb compass 01:17:00 - Общаемся 01:30:15 - Первая DTO 01:33:33 - Различие котроллера и сервиса 01:34:53 - Пишем endpoint login 01:38:00 - Пишем сервис 01:42:30 - Метод валидации юзера 01:47:20 - Метод генерации JWT токенов 01:52:15 - Метод возвращаемых полей 01:53:47 - Меняем клавиатуру 01:57:40 - Дописываем метод логина 01:58:10 - Метод регистрации 01:59:35 - Шифрование пароля 02:01:13 - Пишем endpoint для регистрации 02:03:08 - Backend закончен! 🔥 Показываю ПРОЕКТ по интенсивам! 02:25:05 - Форма авторизации 02:31:20 - Установка axios + react query 02:31:45 - Пишем auth сервис 02:35:45 - Настройка React Query 02:37:44 - useMutation 02:39:00 - Пишем контекст - AuthProvider 02:42:07 - Кастомный хук useAuth 02:43:00 - При успешной авторизации 02:44:50 - Функция при отправке формы 02:46:00 - Немного внешнего вида 02:48:00 - Красивая кнопка 02:50:20 - "Поплыл", путаюсь в condition 02:52:10 - Фикс ошибок 02:56:15 - Тест формы 02:57:00 - Общаемся 👉 Смотрите видео ДО КОНЦА, подписывайтесь на канал, ставьте 👍 и колокольчик 🔔 ► Оформить подписку на нашем сайте - https://htmllessons.ru/premium ► Эксклюзивный контент - https://boosty.to/redgroup ► Оформи спонсорство и получи уникальный значок и эмоджи -    / @redgroup   ► Научим разрабатывать сайты - https://htmllessons.ru/ ► Личный Instagram -   / maxzbs   ► Личный Youtube -    / @hrdmxx   ► Получи до 4000 руб. на первое бронирование через Airbnb - https://abnb.me/e/Mgl6khUuN3 ► Если хочешь улучшить качество видео - https://htmllessons.ru/ext/donate ► Мой сетап VS Code -    • Настройка Visual Studio Code для разработ...   Немного обо мне: меня зовут Максим, я уже 9 лет занимаюсь веб-разработкой. На данный момент являюсь основателем двух крутых проектов htmllessons.ru и еще одного глобального проекта. Первый, был моей дипломной работой в колледже. Как и все, начинал с изучения верстки html, css, js. Затем появилась потребность в изучении Laravel для разработки образовательного проекта. Затем я ушел от PHP и перешел на Javascript, так как появилась задача по разработке крупного проекта. Основная миссия – создавать крутые продукты, которые будут помогать людям и менять мир. Буду рад, если Вы меня поддержите и подпишитесь на мой канал. Спасибо 😊