Skip to content

Fullstack Authentication & Authorization in Next.js using NextAuth V5 (Auth.js), Zod, Shadcn UI 🎥 https://www.youtube.com/watch?v=DNtsJlmPda8&t=2504s

Notifications You must be signed in to change notification settings

pablogeokar/nextjs-authjs-zod-shadcn

Repository files navigation

Passo a passo para a criação de um projeto do zero absoluto

Estou utilizando o pnpm como gerenciador de pacotes, utilize o seu gerenciador a sua escolha.

1 - Criar um novo projeto

pnpm dlx create-next-app@latest project-name

2 - Instalando as dependências iniciais

pnpm add next-auth@beta zod

3 - Inicializando o shadcn para a estilização em conjunto com o tailwind

pnpm dlx shadcn-ui@latest init

4 - exemplo de instalação dos componentes do shadcn de forma individual

pnpm dlx shadcn@latest add card button form input

5 - Iniciando a configuração do Next-Auth

pnpm dlx auth secret

6 - Passo a passo para a configuração social do Github 6.1 acessar o endereço: https://github.com/settings/apps selecionar a opção [OAuth Apps]->[New OAuth App] e seguir os passos necessários, lembrando que é necessário informar a Authorization callback no formato: http://localhost:3000/api/auth/callback/github

About

Fullstack Authentication & Authorization in Next.js using NextAuth V5 (Auth.js), Zod, Shadcn UI 🎥 https://www.youtube.com/watch?v=DNtsJlmPda8&t=2504s

Resources

Stars

Watchers

Forks

Packages

No packages published