https://github.com/codersaadi/next-auth5-shadcn

Full Next Auth Solution with Nextjs and Auth.js , Shadcn , tailwind css
https://github.com/codersaadi/next-auth5-shadcn

Last synced: about 2 months ago
JSON representation

Full Next Auth Solution with Nextjs and Auth.js , Shadcn , tailwind css

• Host: GitHub
• URL: https://github.com/codersaadi/next-auth5-shadcn
• Owner: codersaadi
• Created: 2024-09-02T17:41:29.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-09-09T22:36:39.000Z (over 1 year ago)
• Last Synced: 2025-08-29T11:03:40.502Z (7 months ago)
• Language: TypeScript
• Size: 9.71 MB
• Stars: 89
• Watchers: 3
• Forks: 17
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-shadcnui - Github

README

          
# NextAuth Starter

A robust authentication solution for Next.js applications, leveraging NextAuth with custom enhancements like RBAC, multi-provider support, and email handling.

## Tools and Adapters Used

- **Next.js**

- **TypeScript**

- **Auth.js (v5)**

- **PostgreSQL**

- **Prisma**

## Getting Started

### Installation

```bash

git clone https://github.com/codersaadi/next-auth5-shadcn.git

cd next-auth5-shadcn

pnpm install

```

## Setup & Configuration

Create a .env file in the root directory and add the following configuration:

```

DB_URL="postgresql://dbuser:password@localhost:5432/dbname"

AUTH_SECRET="your-secret"

GITHUB_CLIENT_ID="your-client-id"

GITHUB_CLIENT_SECRET="your-client-secret"

GOOGLE_CLIENT_ID="your-client-id"

GOOGLE_CLIENT_SECRET="your-client-secret"

FACEBOOK_CLIENT_ID="your-client-id"

FACEBOOK_CLIENT_SECRET="your-client-secret"

GMAIL_SENDER_EMAIL="your-app-gmail"

GMAIL_SENDER_PASSWORD="gmail-app-password"

HOST="http://localhost:3000"

   NEXT_PUBLIC_RECAPTCHA_SITE_KEY : ""

        RECAPTCHA_SECRET : ""

```

## Features

Credential-Based Authentication

-Sign-In, Sign-Up, and Forgot Password functionality.

Custom email templates for password recovery and account verification using Nodemailer.

OAuth Providers

- Google and Facebook authentication for seamless social logins.

  Role-Based Access Control (RBAC)

- Define user roles and permissions with Prisma for secure access management.

 Google Captcha V3

 - useFormSubmit Hooks supports the google captcha v3 just pass captcha options , and use reCaptchaSiteVerify in your action. 

  Database Integration

- Built with Prisma and PostgreSQL for powerful and scalable database interactions.

  Schema Validation

- Validate user inputs and responses using Zod.

  TypeScript Integration

- Type-safe development with TypeScript, ensuring robust and maintainable code.

  Customizable UI

- Tailor the UI components with Shadcn UI, allowing for easy styling adjustments.

  Contributions

- Feel free to contribute—contributions are always appreciated!

# ScreenShots

### Home Page

![Home Page](public/screenshots/home.png)

### Login Page

![Login Page](public/screenshots/login.png)

### Sign In Page

![Sign In Page](public/screenshots/signin.png)

### Email Sign In

![Email Sign In](public/screenshots/email_signin.png)

### Signup Modal

![Signup Modal](public/screenshots/signup_modal.png)

### Intercepting Modal

![Intercepting Modal](public/screenshots/intercepting_modal.png)

### Enhancements:

- **Clearer Section Headers:** Sections are clearly separated for easy navigation.

- **Enhanced Setup Instructions:** The environment setup is clearly outlined.

- **Organized Screenshots:** The screenshots are presented in a clean and structured manner.

- **Features Detailed:** Each feature is highlighted with bold titles for quick reference.

- **Encouragement to Contribute:** The contributions section is friendly and welcoming.