Next Auth (Auth.js) with Google Provider

요약

구글 로그인 기능으로 앱에 로그인한다.
필요한 건 다음과 같다.
1. Auth.js install
2. Google Cloud Credential
3. Auth.js with Google Provider
4. Auth.js with Prisma Adapter

1. Auth.js install

Next Auth가 Auth.js로 바뀌었다. 바뀐 공식문서에 따라 설치 및 설정을 하라.

2. Google Cloud Credential

Google Cloud Console 검색
관련 팁은 이 글을 참고
생성할 때 아래 둘을 명심한다.
1. Audience -> Test User에 필요 이메일 기입
2. Credential -> Redirect Uri에 Auth.js callback URL 기입

3. Auth.js with Google Provider

Auth.js Google provider setup

4. Auth.js with Prisma Adapter

Auth.js with Prisma Adapter

Tip

redirect after logout

callbackUrl을 원하는 곳으로 설정한다.
<Link href="/api/auth/siginout?callbackUrl=/">...</Link>

오류

Error: Failed to load external module @prisma/client: Error: Cannot find module '.prisma/client/default'

npm uninstall prisma
npm uninstall @prisma/client
npm install prisma
npm install @prisma/clinet
npx prisma generate