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

Kakao Provider

리소스

설정

콜백 URL

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

환경 변수

AUTH_KAKAO_ID
AUTH_KAKAO_SECRET

설정

https://developers.kakao.com/console/app 에서 프로바이더와 카카오 애플리케이션을 생성하세요. 카카오 로그인 설정에서 웹 앱을 활성화하고, 동의 항목을 변경한 후 콜백 URL을 설정하세요.

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

참고 사항

  • 자격 증명을 생성할 때 사용하는 “승인된 리디렉션 URI”는 위에 표시된 것처럼 전체 도메인을 포함하고 콜백 경로로 끝나야 합니다.

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

  • 프로덕션 환경: https://{YOUR_DOMAIN}/api/auth/callback/kakao

  • 개발 환경: http://localhost:3000/api/auth/callback/kakao

  • 카카오의 클라이언트 키는 요약정보 탭의 App Keys 필드에 있습니다. (내 애플리케이션 > 앱 설정 > 요약정보)

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

  • 카카오의 클라이언트 시크릿 키는 보안 탭의 App Keys 필드에 있습니다. (내 애플리케이션 > 제품 설정 > 카카오 로그인 > 보안)

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

  • 카카오 개발자 콘솔의 오른쪽 상단에는 KR에서 ENG로 변경할 수 있는 버튼이 있습니다.
Auth.js © Balázs Orbán and Team - 2025