Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/shadmanshakib/next-auth-v5
Next-Auth version 5, with Postgres and Prisma
https://github.com/shadmanshakib/next-auth-v5
authentication next-auth nextjs postgresql prisma react saas zod
Last synced: 23 days ago
JSON representation
Next-Auth version 5, with Postgres and Prisma
- Host: GitHub
- URL: https://github.com/shadmanshakib/next-auth-v5
- Owner: ShadmanShakib
- Created: 2024-02-24T15:56:58.000Z (8 months ago)
- Default Branch: master
- Last Pushed: 2024-06-11T03:41:42.000Z (5 months ago)
- Last Synced: 2024-06-11T04:47:42.431Z (5 months ago)
- Topics: authentication, next-auth, nextjs, postgresql, prisma, react, saas, zod
- Language: TypeScript
- Homepage:
- Size: 190 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Next Auth v5 - Advanced Guide (2024)
This is a repository for Next Auth v5 - Advanced Guide (2024)
[VIDEO TUTORIAL](https://youtu.be/1MTyCvS05V4)
Key Features:
- 🔐 Next-auth v5 (Auth.js)
- 🚀 Next.js 14 with server actions
- 🔑 Credentials Provider
- 🌐 OAuth Provider (Social login with Google & GitHub)
- 🔒 Forgot password functionality
- ✉️ Email verification
- 📱 Two factor verification
- 👥 User roles (Admin & User)
- 🔓 Login component (Opens in redirect or modal)
- 📝 Register component
- 🤔 Forgot password component
- ✅ Verification component
- ⚠️ Error component
- 🔘 Login button
- 🚪 Logout button
- 🚧 Role Gate
- 🔍 Exploring next.js middleware
- 📈 Extending & Exploring next-auth session
- 🔄 Exploring next-auth callbacks
- 👤 useCurrentUser hook
- 🛂 useRole hook
- 🧑 currentUser utility
- 👮 currentRole utility
- 🖥️ Example with server component
- 💻 Example with client component
- 👑 Render content for admins using RoleGate component
- 🛡️ Protect API Routes for admins only
- 🔐 Protect Server Actions for admins only
- 📧 Change email with new verification in Settings page
- 🔑 Change password with old password confirmation in Settings page
- 🔔 Enable/disable two-factor auth in Settings page
- 🔄 Change user role in Settings page (for development purposes only)
### Prerequisites
**Node version 18.7.x**
### Cloning the repository
```shell
git clone https://github.com/AntonioErdeljac/next-auth-v5-advanced-guide.git
```
### Install packages
```shell
npm i
```
### Setup .env file
```js
DATABASE_URL=
DIRECT_URL=
AUTH_SECRET=
GITHUB_CLIENT_ID=
GITHUB_CLIENT_SECRET=
GOOGLE_CLIENT_ID=
GOOGLE_CLIENT_SECRET=
RESEND_API_KEY=
NEXT_PUBLIC_APP_URL=
```
### Setup Prisma
```shell
npx prisma generate
npx prisma db push
```
### Start the app
```shell
npm run dev
```
## Available commands
Running commands with npm `npm run [command]`
| command | description |
| :-------------- | :--------------------------------------- |
| `dev` | Starts a development instance of the app |