Skip to content
Migrating from NextAuth.js v4? Read our migration guide.

Kakao Provider

Resources

Setup

Callback URL

https://example.com/api/auth/callback/kakao

Environment Variables

AUTH_KAKAO_ID
AUTH_KAKAO_SECRET

Configuration

Create a provider and a Kakao application at https://developers.kakao.com/console/app. In the settings of the app under Kakao Login, activate web app, change consent items and configure callback URL.

/auth.ts
import NextAuth from "next-auth"
import Kakao from "next-auth/providers/kakao"
 
export const { handlers, auth, signIn, signOut } = NextAuth({
  providers: [Kakao],
})

Notes

  • The “Authorized redirect URIs” used when creating the credentials must include your full domain and end in the callback path as shown above.

스크린샷 2023-11-28 오후 9 27 41

  • For production: https://{YOUR_DOMAIN}/api/auth/callback/kakao

  • For development: http://localhost:3000/api/auth/callback/kakao

  • Kakao’s client key is in Summary(It is written as 요약정보 in Korean.) tab’s App Keys Field (My Application > App Settings > Summary)

스크린샷 2023-11-28 오후 9 47 17

  • Kakao’s clientSecret key is in Security(It is written as 보안 in Korean.) tab’s App Keys Field (My Application > Product Settings > Kakao Login > Security)

스크린샷 2023-11-28 오후 9 38 25

  • Kakao dev console has a button at the top right to change from KR to ENG
Auth.js © Balázs Orbán and Team - 2024