Auth Form NextJS

🚀 https://auth-form-next-js.vercel.app 🚀
Essa é uma aplicação FullStack com formulários seguros para o cadastro, login de usuários e envio de emails, desenvolvida utilizando o framework NextJS 13 e integrando com APIs de um backend próprio.

Autor

👤 Cauã Soares

💼 https://www.linkedin.com/in/ocauasoares

APIs desenvolvidas para o projeto

• API para as funcionalidades de cadastro, login e autenticação de usuários
  🔒 https://github.com/ocsoares/Auth-Form-NextJS-API

• API para a funcionalidade de enviar email
  📧 https://github.com/ocsoares/Send-Email-Microservice-RabbitMQ

Estrutura do projeto

Esse projeto foi desenvolvido para utilizar formulários seguros para a autenticação de usuários e envio de emails, integrando com APIs robustas e aplicando a segurança com JWT (JSON Web Token).

Middleware

Pasta app

Trecho da configuração do Next Auth

Cadastro de usuários

Login de usuários

Envio de emails

Principais tecnologias e bibliotecas utilizadas

• TypeScript
• NextJS
• MaterialUI
• Next Auth
• Zod
• React Hook Form
• Lodash
• JWT

Características e funcionalidades do projeto:

Estrutural 🛠️

• Clean Code
• SOLID
• Clean Architecture
• Integração com APIs desenvolvidas especificamente para esse projeto
  
  

Funcionalidades 🎯

• Formulários para cadastro, login de usuários e envio de emails, protegendo e validando a entrada desses formulários com a biblioteca Zod
• Mostra os erros nos campos do formulário para o usuário
• Prevenção de ataques Brute Force
• Opção de login social com contas do Google e do GitHub, utilizando autorização OAuth 2.0
• Opção de "Lembrar-me" que oferece um JWT com tempo de expiração maior para a sessão do usuário durar mais tempo
• Autenticação e proteção da rota de enviar email apenas para usuários logados
• Fornecimento e checagem de JWT para o usuário logado, para todas as opções de login disponível
• Alertas personalizados

Executar o projeto localmente

Pré-requisitos: Typescript e NodeJS

# clonar o repositório
git clone https://github.com/ocsoares/Auth-Form-NextJS/

# instalar as bibliotecas
npm install

# criar um arquivo .env.local na pasta raiz do projeto

# configurar esse .env.local baseado no arquivo .env.example

# transpilar os arquivos do projeto para .js
npm run build

# executar o projeto
npm start