Página de Login Customizada com NextAuth | Next.js 14+

Опубликовано: 14 Июль 2026
на канале: TypeDev | Rodrigo Lima
16,128
650

★ Mentoria e Consultoria: https://type.dev.br

Nesse vídeo vou te ensinar como fazer a autenticação no Next.js 14+ utilizando o NextAuth e uma página de login totalmente customizada.

Utilizaremos email e senha para fazer o login, mas você pode utilizar qualquer outro dado que desejar. Iremos criar áreas privadas de forma que apenas usuários autenticados poassam acessar.

Coloque nos comentários o que você achou do vídeo e dê sugestão de novos conteúdos.

// ASSISTA TAMBÉM:
Como fazer Autenticação com NextAuth | Next.js 14+:    • Como fazer Autenticação com NextAuth | Nex...  
Como Desenvolver Sistemas Web em 2024:    • Como Vou Desenvolver Sistemas Web em 2024  
QUANTO GANHA UM PROGRAMADOR FREELANCER:    • QUANTO GANHA UM PROGRAMADOR FREELANCER  
Como ganhar dinheiro com programação sendo iniciante:    • Como GANHAR DINHEIRO com PROGRAMAÇÃO sendo...  
3 DICAS PARA GANHAR DINHEIRO RÁPIDO COM PROGRAMAÇÃO:    • 3 DICAS PARA GANHAR DINHEIRO RÁPIDO COM PR...  
Como CONSEGUIR o PRIMEIRO CLIENTE como PROGRAMADOR:    • Como CONSEGUIR o PRIMEIRO CLIENTE como PRO...  

// CAPÍTULOS:
00:00 - Página de Login Customizada com NextAuth | Next.js 14+
00:25 - Criando projeto Next.js
02:05 - Criando página de Login
13:33 - Criando página autenticada
15:23 - Configurando NextAuth
25:50 - Criando botão de Logout
27:17 - Exibindo mensagem de erro

// REDES SOCIAIS:
📸 Instagram:   / typedevbr  

// SOBRE MIM
Eu me chamo Rodrigo Lima, atuo como freelancer, desenvolvedor sênior e arquiteto de software. Sou idealizador do TypeDev e tenho como objetivo ajudar programadores a evoluirem profissionalmente e financeiramente através da programação.