Today I Learned
- NextAuth.js 공부하기
카카오 소셜 로그인 기능 구현하기
구글과 페이스북은 firebase authentication에서 소셜 로그인 기능을 제공해 주지만 카카오와 네이버는 직접 구현해야 했기에 고민이 많았다. 그래서 구글링을 이것저것 하다가 Next.js에서 제공하는 NextAuth.js라는 녀석을 발견했다!
Next-auth로 카카오 소셜 로그인 5분만에 구현하기 👻
< Next-Auth 를 이용하면 소셜로그인을 5분만에 구현할 수 있다고 ? > 구글, 깃허브, 애플, 트위터는 물론 카카오와 네이버 소셜로그인까지 지원하는 Next Auth를 쉽게 사용해보자. +) 세션에 저장되기
velog.io
이 글을 통해 처음 알게 되었는데 정말 글 제목 그대로 5분 만에 카카오, 네이버 소셜로그인을 구현할 수 있어서 엄청난 신세계를 맛봤다. (그러나 그 뒤로 엄청난 고생을 하게 되는데...🥹)
진짜 이 이미지에 코드만 있으면 카카오, 네이버 소셜 로그인 기능도 너무 쉽게 구현이 가능하다. 하지만 여기서 더욱 디테일한 기능 구현을 원한다면 고통을 맛보게 될 수도 있다 ㅎㅎ 아무튼 이번에는 firebase authentication 사용하지 않고 NextAuth로 구글, 페이스북, 카카오, 네이버 소셜로그인 기능을 모두 구현해 보기로 했다.
생활코딩 OAuth 강의 시청
https://www.youtube.com/watch?v=PIlP_YX5HK8&list=PLNlV38P95NoA4izuNX2iZ2QkLKVPqlHRg&index=2
회고
NextAuth와의 첫만남을 기록해 두고 싶어서 기억을 더듬어 작성하는 주말의 TIL~~