https://github.com/mikemajara/nextjs-prisma-next-auth-credentials

NextJS Application with Prisma & Nextauth ready to use
https://github.com/mikemajara/nextjs-prisma-next-auth-credentials

nextauth nextjs prisma

Last synced: 3 months ago
JSON representation

NextJS Application with Prisma & Nextauth ready to use

• Host: GitHub
• URL: https://github.com/mikemajara/nextjs-prisma-next-auth-credentials
• Owner: mikemajara
• Created: 2021-12-10T18:41:54.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2022-06-20T07:07:18.000Z (over 2 years ago)
• Last Synced: 2024-06-27T07:33:40.428Z (4 months ago)
• Topics: nextauth, nextjs, prisma
• Language: TypeScript
• Homepage:
• Size: 107 KB
• Stars: 117
• Watchers: 6
• Forks: 23
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# NextJS - Prisma - NextAuth - Credentials & OAuth

## Introduction

NextJS starter pack with

- [Prisma](https://www.prisma.io/)

- [Chakra-UI](https://chakra-ui.com/)

- [NextAuthJS](https://next-auth.js.org/)

  - [Email (passwordless)](https://next-auth.js.org/providers/email)

  - [OAuth (Github)](https://next-auth.js.org/providers/github)

  - [Credentials (Email & Password)](https://next-auth.js.org/providers/credentials)

This is a starter kit for authentication in NextJS. It is a fork from [rest-nextjs-api-routes-auth](https://github.com/prisma/prisma-examples/tree/latest/typescript/rest-nextjs-api-routes-auth), read more in the [installation instructions](installation.md)

This repo illustrates user authentication logic with NextAuth v4 combined with credentials using the default configuration and the Prisma Adapter. No [callbacks](https://next-auth.js.org/configuration/callbacks) are used or needed for the flow to work - you can use both combined.

# Install & run

install

```

git clone https://github.com/mikemajara/nextjs-prisma-next-auth-credentials

yarn install

```

copy environment and fill in with your data

```

cp .env .env.local

```

run

```

yarn dev

```

## Motiviation

Setting up credentials is generally [not recommended](https://github.com/nextauthjs/next-auth/discussions/3364) "_with your database because of the security implications most people aren't ware of._", but they are widely used and much needed for applications, specially at the start of a project. You don't want to start dealing with OAuth from the start, but need some user management.

Nextauth has ~~very~~ **too** simple instructions and barely pays attention to credentials, so I decided to set up this project to experiment with the whole auth flow. **My key takeaways are**:

- Default settings are enough to use both OAuth providers and your own credentials.

- You should be able to authorize using any given API (this project uses NextJS API to check against the same prisma DB used with an [adapter](https://next-auth.js.org/adapters/overview))

- Session JWT is needed (as opposed to database strategy)

## Gotchas

### Using Gmail as your email provider

If you are using Gmail to send e-mails for passwordless authentication, make sure you enable **Less secure app access**. Go to Google > Manage Account > Security > Less secure app access, turn it on. If you don't, google will reject your user & password accessed by `nodemailer`.