udemy
Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.
Полноценная аутентификация с помощью React JS, Next JS и TypeScript
FULL Authentication WITH REACT JS NEXT JS TYPESCRIPT
Продолжительность
6 ч 52 мин
Категория
React.js
Количество уроков
44 Видео
Дата добавления
10 мая 2023 г., 13:00
Язык
Английский
Дата выхода
14 февр. 2023 г., 01:00
Это просто лучший курс в интернете, если вы хотите построить и развернуть лучшую систему аутентификации, которую вы можете использовать во всех своих проектах, начиная с логина, регистрации, сброса пароля, отправки электронной почты, валидации, защищенных маршрутов и многого другого. Мы будем использовать Next auth, смешанный с typescript, чтобы обеспечить строготипизированный код и воспользоваться возможностями серверной части Next js.
Что делает эту сборку действительно трудно конкурирующей:
- Мы будем использовать Tailwind CSS для стилизации нашего приложения.
- Сильная валидация форм с помощью react-hook-form и zod.
- Сильная система входа с использованием Next auth безопасных сеансов.
- Вход с учетными данными, Google, Facebook, Twitter, GitHub, Discord, Auth0...
- Сильная система регистрации с валидацией на стороне клиента и сервера.
- Манипулирование обратными вызовами next auth в нашу пользу.
- Отправка электронных писем с использованием Nodemailer и SMTP-сервисов, включая Gmail.
- Обработка токенов конфиденциально с помощью электронной почты.
- Написание качественного кода, готового к производству.
- Изучение работы с typescript даже для новичков или тех, кто никогда не использовал его.
- Настройка кластера MongoDB и подключение MongoDB к нашему приложению с помощью typescript.
- Добавление пользователей в нашу базу данных, где мы управляем учетными записями, а токены храним в файлах cookie с использованием JSON Web Tokens.
- Работа с Next.js API.
- Изучение Handlebars и использование его для замены в наших HTML-файлах.
- Развертывание на Vercel.
Посмотреть больше
Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум
-
Урок 1. 00:12:08Full Showcase
-
Урок 2. 00:06:50Create next app
-
Урок 3. 00:04:47Setup tailwind css
-
Урок 4. 00:06:41Setup Mongodb Atlas Cluster
-
Урок 5. 00:12:35Connect to the database from our application using typescript
-
Урок 6. 00:13:50Setup next auth and testing login process with github
-
Урок 7. 00:09:57Setup Google Provider
-
Урок 8. 00:05:04Setup Discord Provider
-
Урок 9. 00:04:04Setup Twitter Provider
-
Урок 10. 00:13:30Deploy our application and test providers on production mode
-
Урок 11. 00:08:13Setup Facebook Provider
-
Урок 12. 00:10:45Setup Auth0 provider
-
Урок 13. 00:08:41Add user to database when sign in with a provider
-
Урок 14. 00:03:54Session strategy: database vs jwt
-
Урок 15. 00:10:51Explaining callbacks and getting the provider name when sign in
-
Урок 16. 00:11:14Styling the home page part 1
-
Урок 17. 00:08:44Styling the home page part 2
-
Урок 18. 00:09:08Protected routes with Next js middlware
-
Урок 19. 00:14:01Auth page setup and custom input
-
Урок 20. 00:05:15Finishing custom input styles
-
Урок 21. 00:12:13React Hook Form setup
-
Урок 22. 00:05:18Adding zod for validation
-
Урок 23. 00:08:38Email and phone number inputs and validation
-
Урок 24. 00:05:16Password and confirm password inputs and validation
-
Урок 25. 00:11:54Password strength validation
-
Урок 26. 00:06:43Accept terms and conditions validation
-
Урок 27. 00:09:01Side submit button
-
Урок 28. 00:04:53Show and hide password
-
Урок 29. 00:10:01Adding the background and setup toastify and fixing some issues
-
Урок 30. 00:17:42Register a user to the database
-
Урок 31. 00:04:54After submit reset and loader
-
Урок 32. 00:04:29Setup the template
-
Урок 33. 00:05:07Setup smtp accounts
-
Урок 34. 00:12:43SendMail function with nodemailer and handlebars
-
Урок 35. 00:12:33Sending email test with registeration
-
Урок 36. 00:19:38Activate account
-
Урок 37. 00:17:25Sign in provider and switch between forms and backgrounds
-
Урок 38. 00:12:39Sign in, csrfToken...
-
Урок 39. 00:14:37Adding our custom providers
-
Урок 40. 00:06:05Forgot password page and form
-
Урок 41. 00:06:08Forgot password backend api
-
Урок 42. 00:07:09Reset password - frontend
-
Урок 43. 00:05:05Reset password api
-
Урок 44. 00:12:05Deploy to vercel
Автор - udemy
Комментарии
-
rusyasoftjust for people who are looking for materials i have found this Repo quite what is taught in the course https://github.com/ghbishal/full-authentication-with-reactjs-next-js-typescript -
turbomaterials?
