← Todos os projetos
// 0022024live

Next Auth

Autenticação completa com Next.js e Firebase

Aplicação web que implementa o ciclo completo de autenticação de usuários em Next.js com Firebase: login com e-mail e senha, cadastro de novos usuários e recuperação de senha por e-mail. Um dos meus primeiros projetos — a base de formulários, validação e auth que uso até hoje.

next-auth-eight-lilac.vercel.appAbrir ↗
// 01

Funcionalidades

Login com e-mail e senha, cadastro de novos usuários e envio de e-mail de recuperação de senha — o fluxo de autenticação que praticamente todo produto precisa, implementado de ponta a ponta.

Interface amigável e responsiva, com formulários gerenciados pelo React Hook Form e validação de esquemas com Zod antes de qualquer dado chegar ao Firebase.

// 02

Detalhes técnicos

Firebase Auth

Autenticação e gerenciamento de usuários delegados ao Firebase — login, cadastro e recuperação de senha sem backend próprio pra manter.

Formulários tipados

React Hook Form + Zod: validação de esquema na borda e tipos inferidos direto do schema, garantindo a integridade dos dados.

SCSS modular

Estilos organizados com SCSS, aproveitando nesting e variáveis pra um desenvolvimento mais modular e organizado.

TypeScript de ponta a ponta

Tipagem estática em toda a aplicação, melhorando a robustez e a qualidade do código.

// 03

Stack

  • TypeScript
  • Next.js
  • Firebase
  • React Hook Form
  • Zod
  • SCSS
  • Vercel