Skip to content

Base template de um site com login, registro, autenticação e autorizacao em nextJs com tailwindCSS e firebase

Notifications You must be signed in to change notification settings

Romenildo/admin-template

Repository files navigation

Admin-template

Base template de um site com login, registro, autenticação e autorizacao em nextJs com tailwindCSS e firebase
Projeto do curso de Next.js e React da Udemy da cod3r

Projeto Admin Template

Consiste em um modelo de uma aplicação em nextJs com integração ao firebase, com todo o processo de registro e login via google ou email e password. Persistencia dos dados do usuario logado em cookies com rotas protegidas com autorização e guardando informações da página no usuario pelo localStorage.
Além de todo o template de um site responsivo com TailwindCSS, possui uma barra de navegação, header, parte do conteudo, informações do usuario logado e logout.

Projeto desenvoldido com as ferramentas de:

Next JS React HTML5 TS TailwindCSS Firebase

Aprendizados

  • Criação de uma aplicação em Nextjs com tailwindCSS e typeScrypt
  • Integração com o firebase com registro, login, logout e autenticação do usuário
  • Instalação e configuração do tailwindCSS
  • Template mdoerno de uma aplicação e alternar entre modo claro de escuro com tailwindCSS
  • Usando o Context para a comunicação entre os componente de toda a aplicação
  • Utilizações de hooks e criações como useAuth para manipular as funções de autenticação do usuario
  • Utilização da biblioteca js-cookie para persistir a autenticação do usuario logado no site atraves de cookies
  • Armazenamente da opçao do t ema escuro ou claro no localStorage do usuario
  • popup de erros na pagina de login
  • Utilização de icons do heroIcons
  • Utilização das variaveis de ambiente com .env para configuração do firebase

Aplicação Final

Tela de registro de novo usuário

Tela de login do usuário, tanto registro quanto login podem ser feito atráves do google ou email

Template da Página com modo dark e light

 Obs: Os commits e comentários no código foram organizados com foco no aprendizado dos conteúdos para revisões futuras

About

Base template de um site com login, registro, autenticação e autorizacao em nextJs com tailwindCSS e firebase

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published