ConnectWithNoor/learning-nextauth-v5

The completed project

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
• Resend

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)
• 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(for credentials and OAuth) (using middleware, signin callback).
• Send verification token email on signup to OAuth (only unverified emails) and credentials.
• added resend verification token email feature on login of unverified accounts. (credentials and OAuth)
• activate account by verification token
• Reset password for users registered with credentials (OAuth doesn't have a password)
• Accessing user session data in client as well as server component
• Role based UI Authentication (Admin and User) (RoleGate)
• Role based API Route and Server Action authentication (Admin and User)
• update jwt and session manually using jwt callback (some usecases are when user updates their profile, new jwt is issued by refresh token)

Authentication Strategies used

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

Made by Noor Muhammad