An open API service indexing awesome lists of open source software.

https://github.com/teacoder52/nextjs-full-authorization

This project is the frontend for an authorization system, offering features like email verification, two-factor authentication, password recovery, and user role management. The system ensures a smooth user interface and high performance.
https://github.com/teacoder52/nextjs-full-authorization

nextjs react-hook-form recaptcha shadcn-ui tanstack-react-query typescript zod

Last synced: 8 months ago
JSON representation

This project is the frontend for an authorization system, offering features like email verification, two-factor authentication, password recovery, and user role management. The system ensures a smooth user interface and high performance.

Awesome Lists containing this project

README

          

# Полноценная авторизация с использованием Next.js, Shadcn UI, TypeScript и Tanstack Query

Этот проект представляет собой полноценную систему авторизации, построенную с использованием следующих технологий:

- **[Next.js](https://nextjs.org/)**: Современный фреймворк для React, который обеспечивает серверный рендеринг и маршрутизацию.

- **[Shadcn UI](https://ui.shadcn.com/)**: Коллекция переиспользуемых компонентов, построенных с использованием Radix UI и Tailwind CSS.

- **[TypeScript](https://www.typescriptlang.org/)**: Язык программирования, добавляющий статическую типизацию к JavaScript.

- **[@tanstack/react-query](https://tanstack.com/query/latest)**: Мощная библиотека для управления и кэширования состояния сервера в вашем приложении. Она упрощает получение данных, кэширование и управление состоянием.

Фронтенд этой системы построен с использованием Next.js и включает в себя следующие функции:

- Авторизация через социальные сети (Google, Yandex)
- Подтверждение электронной почты
- Двухфакторная аутентификация
- Функциональность восстановления пароля
- Управление ролями

Бэкенд часть этого проекта доступна в отдельном репозитории: [Ссылка на репозиторий бэкенда](https://github.com/TeaCoder52/nestjs-full-authorization)

Полный цикл разработки проекта можно посмотреть на YouTube: [Ссылка на видео на YouTube](https://www.youtube.com/watch?v=O5Qry8cBhG4)

## Контакты

Если у вас есть вопросы или вам нужна помощь с проектом, пожалуйста, свяжитесь со мной по адресу [help@teacoder.ru].

Наслаждайтесь использованием этой системы авторизации! 🚀