https://github.com/salimi-my/next-auth-starter

This is a complete authentication example app built using Next.js 14 and Auth.js, including server actions.
https://github.com/salimi-my/next-auth-starter

authjs neon nextauthjs nextjs14 postgresql prisma react-email resend shadcn-ui tailwind

Last synced: 6 months ago
JSON representation

This is a complete authentication example app built using Next.js 14 and Auth.js, including server actions.

• Host: GitHub
• URL: https://github.com/salimi-my/next-auth-starter
• Owner: salimi-my
• Created: 2024-01-03T13:00:24.000Z (almost 2 years ago)
• Default Branch: master
• Last Pushed: 2024-04-12T18:41:45.000Z (over 1 year ago)
• Last Synced: 2025-04-11T23:13:40.271Z (6 months ago)
• Topics: authjs, neon, nextauthjs, nextjs14, postgresql, prisma, react-email, resend, shadcn-ui, tailwind
• Language: TypeScript
• Homepage: https://auth.salimi.my
• Size: 602 KB
• Stars: 18
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# [Auth](https://auth.salimi.my) · [![Author Salimi](https://img.shields.io/badge/Author-Salimi-%3C%3E)](https://www.linkedin.com/in/mohamad-salimi/)

This is a complete authentication example app built with Next.js 14 and Auth.js using the latest server actions. Sign in & sign up can use credentials or oauth providers with Google or GitHub. Authentication includes password reset, email verification, two factor authentication & role gate.

## Next.js authentication starter

- Light / dark / system mode

- PostgreSQL, Neon & Prisma for database

- NextAuth.js v5 or Auth.js for authentication

- React Email for email templating

- Resend for sending email

- Using Next.js 14 Server Action

## Tech/framework used

- Next.js 14

- Shadcn/ui

- NextAuth.js v5 / Auth.js

- Tailwind CSS

- TypeScript

- PostgreSQL

- Neon

- Prisma

- React Email

- Resend

## Starting the project

Open the [.env.example](/.env.example) and fill in your Prisma, Auth & Resend Configurations then save it as .env the run the following command:

```bash

npm install

npx prisma generate

npx prisma db push

npm run dev

```

## Demo

Hosted privately on personal DigitalOcean Droplet. [Click here](https://auth.salimi.my) to visit.




Direct link: `https://auth.salimi.my`

## Screenshots

#### Homepage

![Homepage](/screenshots/screenshot-1.png)

#### Sign in

![Sign in](/screenshots/screenshot-2.png)

#### Sign up

![Sign up](/screenshots/screenshot-3.png)

#### Settings

![Settings](/screenshots/screenshot-4.png)