Curso Completo NextAuth

Para habilitar o login social com várias plataformas usando o auth0

Visão geral do curso

Neste abrangente curso do NextAuth, vamos guiá-lo pelo processo de implementação do NextAuth em sua aplicação. Vamos explorar diferentes provedores como e-mail, GitHub, Twitter, Facebook e auth0. Com o auth0, você pode até habilitar o login com plataformas populares como Microsoft, Amazon, PayPal, Dropbox, Yahoo e Yandex. Ao longo deste curso, demonstraremos como integrar o login da conta Microsoft em sua aplicação. Além disso, abordaremos a configuração do sendGrid para login sem senha por e-mail. Além disso, configuraremos os adaptadores Firebase e MongoDB para armazenar dados do usuário nesses bancos de dados. Por fim, implantaremos a aplicação no Vercel para acessibilidade perfeita.

Por que Next.js?

O Next.js oferece renderização do lado do servidor (SSR) para todos os componentes React que compõem a seção voltada para o usuário de um site. Essa abordagem permite que o usuário visualize o conteúdo da página sem nenhuma ação adicional após o HTML ter sido transmitido para o navegador deles. Como resultado, os usuários percebem velocidades de carregamento de página mais rápidas. Além disso, o SSR fornece um site indexável e rastreável, o que beneficia muito a otimização de mecanismos de busca (SEO), pois nenhum JavaScript do lado do cliente é necessário para visualizar o conteúdo da página. Em última análise, isso melhora o SEO técnico dos sites de nossos clientes.

Por que Tailwind CSS?

O Tailwind CSS é um framework CSS de baixo nível altamente personalizável que oferece uma ampla gama de opções de personalização. Ele difere do Bootstrap, que fornece componentes pré-projetados. Em vez disso, o Tailwind fornece blocos de construção que capacitam os desenvolvedores a criar rapidamente designs exclusivos.

Por que Daisy UI?

O Daisy UI é uma extensão para o Tailwind CSS que adiciona classes de componentes atraentes e totalmente personalizáveis. Ele permite a criação de sistemas de design escaláveis e amigáveis ​​ao designer.

O que você aprenderá

Ao longo deste curso, você adquirirá as seguintes habilidades e conhecimentos: - Construir uma aplicação com funcionalidade de login - Implementar login social com plataformas como Facebook, Twitter, GitHub, Google e Microsoft - Habilitar login por e-mail sem senha - Implementar login por e-mail com credenciais tradicionais Junte-se a nós nesta jornada emocionante para aprimorar suas habilidades de desenvolvimento e criar uma página de login deslumbrante usando React hooks, FontAwesome, Heroicon, Daisy UI, Tailwind CSS e Next.js.