NextAuth

NextAuth를 통해 로그인을 구현해 볼 예정이다.우선 이메일, 패스워드 방식을 이용한 Credentials를 먼저 사용 할 것이다.본인은 Next App Router 방식을 사용 할 예정이다.우선 NextAuth를 설치한다.그 다음 폴더를 만들어 주어야 한다.App

이 전 편에 이어서 네이버 로그인을 구현하겠다.우선 NaverProvier를 추가해준다.네이버 디벨로퍼에 들어가 오픈 API 신청을 한다.간단하게 필요한 정보를 추가한다.그러면 위와 같이 서비스 URL을 넣는 칸이 보이고 또 Callback URL을 넣는 곳이 나온다.

네이버 로그인에 이어서 카카오 로그인 API로 로그인을 구현 할 것이다.우선 카카오 디벨로퍼에 들어가 회원가입을 진행한다.로그인 API 탭으로 들어가 어플리케이션 등록을 진행한다.어플리케이션 등록 후 카카오 로그인탭에 들어가 Redirect url을 설정한다.url 설

지난번 Credentials에 이어 Supabase와 연동하여 로그인을 진행하는 과정에서 에러가 발생하였고,이 에러를 해결한 방법을 소개하고자 한다.우선 코드 먼저 살펴보자우선 에러가 발생한 코드의 이유로는 데이터 타입의 문제였다.authroize 함수에서 return

로그인에 이어서 middleware를 추가하여 사용자가 접근할 수 있는 페이지를 제한 할 것이다.우선 middleware를 작성해준다.NextAuth 메서드인 getToken으로 현재 로그인한 사용자의 토큰을 불러온다.요청한 url을 확인하기위해 NextRequest에