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
  • Informações do Projeto

    Você está desenvolvendo um novo App, que tem a habilidade de fazer um analytics no GitHub de seus usuários. Essa aplicação é "passwordless", ou seja, faz a autenticação do usuário apenas utilizando o OAuth do github.com. Experimente o poder - e a facilidade - de um sistema de login com NextAuth.js utilizando o GitHub para autenticação em uma aplicação Next.js.