Курс NextJS. 15. Аутентификация пользователей / Adding authentication

Описание:

Курс NextJS. 15. Аутентификация пользователей / Adding authentication Реализуем аутентификацию пользователей приложения Next.js с помощью NextAuth.js 1. Обсуждаем термины аутентификации и авторизации 2. Реализуем аутентификацию пользователей функциями signIn и signOut из NextAuth.js 3. Выясняем, как использовать middleware для перенаправления пользователей и защиты маршрутов 4. Применяем хук useActionState для возвращения ошибок авторизации в форму login Презентацию можно скачать здесь: Ссылка на GitHub: Поддержать автора: Хронометраж 0:00:00 Введение 0:00:22 Целевая аудитория 0:00:42 План работы 0:03:32 Понятия аутентификации и авторизации пользователей 0:05:38 Аутентификация пользователей. Постановка задачи 0:08:01 Создаем маршрут /login 0:09:43 Настраиваем NextAuth.js 0:12:38 Добавляем опцию pages 0:13:45 Защищаем маршруты средствами Next.js Middleware 0:17:12 Хешируем пароли пользователей 0:20:14 Настраиваем провайдера Credentials и функцию signIn 0:23:13 Реализуем серверное действие authenticate 0:24:43 Используем хук useActionState 0:26:55 Реализуем функцию выхода signOut() 0:28:08 Схема взаимодействия компонентов при аутентификации 0:30:45 Запускаем приложение на сервере разработки 0:32:33 Запускаем приложение в эксплуатационном варианте 0:33:23 Демонстрация аутентификации: разработка / эксплуатация 0:42:31 Полезные ссылки 0:43:32 Подведем итоги Timing 0:00:00 Introduction 0:00:22 Target audience 0:00:42 Agenda 0:03:32 Authentication vs. Authorization 0:05:38 User authentication. Statement of the problem 0:08:01 Create the /login route 0:09:43 Setting up NextAuth.js 0:12:38 Adding the pages option 0:13:45 Protecting the routes with Next.js Middleware 0:17:12 Password hashing 0:20:14 Configuring the Credentials provider and the signIn functionality 0:23:13 Implementing the authenticate server action 0:24:43 Applying the useActionState hook 0:26:55 Adding the signOut functionality 0:28:08 Diagram of components' interaction during authentication 0:30:45 Launching the app on the dev server 0:32:33 Lunching the app in production 0:33:23 Authentication demo: development / production 0:42:31 Useful links 0:43:32 Summary & Closing comments We implement user authentication of the Next.js application using NextAuth.js: 1. Discuss the terms of authentication and authorization 2. Implement user authentication with the signIn and signOut functions from NextAuth.js 3. Find out how to use Next.js middleware to redirect users and protect routes 4. Apply the useActionState hook to return authorization errors to the login form The presentation can be downloaded here: GitHub Link: Donate the author: