🔥 Оформить премиум подписку - [ Ссылка ]
👉 ТГ Канал - [ Ссылка ]
💸 Поддержать - [ Ссылка ]
► Новый интенсив по Backend - [ Ссылка ]
► Как купить из других стран - [ Ссылка ]
В этом крутом ролике мы реализуем авторизацию с использованием сервера на Nest.js.
Надеюсь Вы оцените мои старания, с Вас лайк и подписка. 🔥 250 лайков и я снимаю еще рубрику "для самых маленьких".
Если есть какие то фишки по этой теме - дай знать в 💬 комментариях!
💰 Новый ролик для спонсоров доступен на Boosty [ Ссылка ] или в нашей общей подписке (от 3 мес.) на сайте [ Ссылка ]
Скачать 🖥 исходник проекта в нашем хранилище - [ Ссылка ]
#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 - Общаемся
👉 Смотрите видео ДО КОНЦА, подписывайтесь на канал, ставьте 👍 и колокольчик 🔔
► Оформить подписку на нашем сайте - [ Ссылка ]
► Эксклюзивный контент - [ Ссылка ]
► Оформи спонсорство и получи уникальный значок и эмоджи - [ Ссылка ]
► Научим разрабатывать сайты - [ Ссылка ]
► Личный Instagram - [ Ссылка ]
► Личный Youtube - [ Ссылка ]
► Получи до 4000 руб. на первое бронирование через Airbnb - [ Ссылка ]
► Если хочешь улучшить качество видео - [ Ссылка ]
► Мой сетап VS Code - [ Ссылка ]
Немного обо мне: меня зовут Максим, я уже 9 лет занимаюсь веб-разработкой. На данный момент являюсь основателем двух крутых проектов htmllessons.ru и еще одного глобального проекта. Первый, был моей дипломной работой в колледже. Как и все, начинал с изучения верстки html, css, js. Затем появилась потребность в изучении Laravel для разработки образовательного проекта. Затем я ушел от PHP и перешел на Javascript, так как появилась задача по разработке крупного проекта. Основная миссия – создавать крутые продукты, которые будут помогать людям и менять мир. Буду рад, если Вы меня поддержите и подпишитесь на мой канал. Спасибо 😊
![](https://i.ytimg.com/vi/3g9XBZdpcGU/maxresdefault.jpg)