O Auth Hero é um sistema completo de login com o uso de credenciais e provedores OAuth desenvolvido com React, Typescript, Next.js, ShadCN/UI, Tailwind CSS, Prisma, PostgreSQL, Node.js, Zod, React Hook Form e Vercel. Este projeto foi desenvolvido com o objetivo de explorar e aproveitar plenamente os recursos fornecidos pela biblioteca Auth.js. Em conjunto com o React Hook Form e o Zod, foi possível criar um sistema abrangente para a gestão de formulários, abrangendo funcionalidades essenciais como login, registro, recuperação de senha e envio de e-mails para confirmação de contas. Além disso, também contem códigos de autenticação de dois fatores, permitindo uma camada adicional de segurança.
A integração com provedores OAuth, como Google e Github, foi incorporada, facilitando ainda mais o processo de login e registro para os usuários. O sistema também se beneficia das novas Server Actions introduzidas no Next 14. Essas ações são utilizadas para adquirir e exibir dados do usuário autenticado, ao mesmo tempo em que gerenciam o acesso a rotas específicas. Essa abordagem considera diferentes perfis de usuários, como logados, não logados, administradores e usuários comuns, garantindo um controle preciso sobre as permissões de acesso.
Em resumo, este projeto representa uma implementação robusta e completa de funcionalidades relacionadas à autenticação e gestão de usuários, explorando tecnologias modernas para proporcionar uma experiência segura e eficiente aos usuários finais.
ALERTA
⚠️ Este projeto é destinado a fins de estudo. Todas as tecnologias empregadas nele são aquelas que oferecem a modalidade FREE TIER, como o Resend, que atua como intermediador no envio de e-mails de confirmação e tokens de 2FA. Infelizmente, o plano gratuito não permite que qualquer usuário acesse o sistema utilizando credenciais, uma vez que apenas o meu endereço de e-mail pessoal, utilizado no momento do cadastro na plataforma, recebe efetivamente os e-mails do Resend. Portanto, caso deseje explorar o projeto e examiná-lo, por favor, utilize a opção de login/registro através do Google ou Github.
- Interface de usuário, navegação e design
- Desenvolvimento de uma interface moderna, atraente, intuitiva e totalmente responsiva, utilizando React + Tailwind + ShadCN/UI.
- Gestão de Autenticação
- Implementação completa de funcionalidades, como login, registro, recuperação de senha, envio de e-mails para confirmação de contas e códigos de autenticação de dois fatores, através da combinação da biblioteca Auth.js + React Hook Form + Zod.
- Login com o Google e Github
- Integração simplificada de login utilizando provedores OAuth, como Google e Github, através do Auth.js.
- Controle de Acesso
- Aproveitando as novas Server Actions do Next 14 para exibir dados do usuário autenticado e gerenciar o acesso a rotas específicas, considerando diferentes perfis, como logados, não logados, administradores e usuários comuns.
- Banco de Dados
- Armazenamento de todas as informações do projeto utilizando a combinação de Prisma e PostgreSQL, utilizando o FREE TIER da Neon.
- Para acessar o Auth Hero basta clicar aqui.
Gostaria de contribuir para o projeto? Fico muito grato pelo interesse!
- Sinta-se à vontade para entrar em contato comigo através das minhas redes sociais para enviar seu feedback, sugestões ou comentários sobre o projeto.
- Ao professor Antonio Erdeljac pelos ensinamentos que foram essênciais para a realização deste projeto.
-
Se você gostou do projeto da Auth Hero e está interessado em ter uma página para o seu negócio, entre em contato! Estou disponível para desenvolver sites personalizados e adaptados às necessidades da sua empresa.
Vamos transformar sua visão em realidade! ⭐ -
Entre em contato através das minhas redes sociais ou envie-me um e-mail para guibus.dev@gmail.com.
