Trilha

Next.js

10. Projeto

Autenticação com NextAuth.js e Github

Login

⭐ Resolva o Projeto

  • Informações do Projeto
  • Submeta sua Resolução
  • Resolução

    Introdução

  • Introdução do Projeto
  • Detalhando os Requisitos
  • Iniciando o Projeto com Next.js
  • HTML e Estilização

  • A estrutura HTML da Aplicação
  • Estilizando a Home
  • Estilizando a Página Logada
  • Implementando NextAuth

  • Adicionando o NextAuth no projeto
  • Criando um App OAuth Github
  • Configurando o Github no NextAuth
  • Botões de Login e Logout
  • Fazendo o redirecionamento de páginas
  • Populando a página com os dados da sessão
  • Dados adicionais do Github na sessão
  • Finalização

  • Finalização
  • ⭐ Resolva o Projeto

  • Informações do Projeto
  • Submeta sua Resolução
  • Resolução

    Introdução

  • Introdução do Projeto
  • Detalhando os Requisitos
  • Iniciando o Projeto com Next.js
  • HTML e Estilização

  • A estrutura HTML da Aplicação
  • Estilizando a Home
  • Estilizando a Página Logada
  • Implementando NextAuth

  • Adicionando o NextAuth no projeto
  • Criando um App OAuth Github
  • Configurando o Github no NextAuth
  • Botões de Login e Logout
  • Fazendo o redirecionamento de páginas
  • Populando a página com os dados da sessão
  • Dados adicionais do Github na sessão
  • Finalização

  • Finalização
  • Detalhando os Requisitos

    Vamos ver os detalhes do mini-projeto que envolve a criação de uma aplicação Next de autenticação com Github, usando a biblioteca NextAuth. A aplicação simula uma ferramenta de análise para Github, e requer login do usuário através do Github.