Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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: 9 days 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 (11 months ago)
Default Branch: master
Last Pushed: 2024-04-12T18:41:45.000Z (7 months ago)
Last Synced: 2024-04-13T02:32:17.277Z (7 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: 0
Watchers: 1
Forks: 0
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`