Learning how to use NextAuth V5 (Auth.js V5)

Now Known as Auth.js

First, run the development server:

npm install
npm run dev

Open http://localhost:3000 with your browser to see the result.

Packages Used

• Next.js 14
• Auth.js v5
• Prisma ORM
• PostgresDB Neon.tech
• ShaedCN

Features

• Login user
• Register user
• AuthGuard (public and private route/page)
• Edge compatibility for Auth.js to work with OEM (Prisma) ["Next route/middleware runs on edge while Prisma dones't support edge yet, by using the JWT session strategy"]
• Callbacks jwt and session (The flow goes from JWT to Session, meaning whatever we encoding in jwt will be recieved in session)
• Callback for signin (custom signin logic ex: block signin of particular user)
• Role based Authentication (Admin and User)
• Authentication on server components and client components
• Created custom prisma adapter to support custom logic OAuth account creation
• Restrict unverified users (without email verification) to login.
• Send email with email verification token to verify user.

Authentication Strategies used

• By using email and password
• OAuth (Github and Google)

Made by Noor Muhammad