Autenticação com NextAuth (Auth.js) e Github

Workshop

14 vídeos • 01:18:55

Seção 01 | Introdução

  1. 1.

    Introdução do Projeto

    00:34
  2. 2.

    Detalhando os Requisitos

    03:53
  3. 3.

    Iniciando o Projeto com Next.js

    04:27

Seção 02 | HTML e Estilização

  1. 4.

    A estrutura HTML da Aplicação

    07:44
  2. 5.

    Estilizando a Home

    07:08
  3. 6.

    Estilizando a Página Logada

    10:05

Seção 03 | Implementando NextAuth

  1. 7.

    Adicionando o NextAuth no projeto

    05:32
  2. 8.

    Criando um App OAuth Github

    03:30
  3. 9.

    Configurando o Github no NextAuth

    05:42
  4. 10.

    Botões de Login e Logout

    08:49
  5. 11.

    Fazendo o redirecionamento de páginas

    04:22
  6. 12.

    Populando a página com os dados da sessão

    02:39
  7. 13.

    Dados adicionais do Github na sessão

    13:54

Seção 04 | Finalização

  1. 14.

    Finalização

    00:36
Login
Workshops>Autenticação com NextAuth (Auth.js) e Github>A estrutura HTML da Aplicação

A estrutura HTML da Aplicação

Neste vídeo, mapeamos a estrutura HTML da nossa aplicação de autenticação Next com o Github, usando o Figma como referência para nosso design. Em seguida, começamos a codificar a estrutura básica em HTML e instalamos a biblioteca React Icons para adicionar o ícone do Github. Concluímos com a criação inicial de rotas para as páginas `home` e `logado`.

Comentários

(0)