본문 바로가기

Next

(2)
Next에서 소셜 로그인(카카오 로그인) 구현하기 추후 변경될 수 있지만, 이번에 이메일 로그인 대신에 소셜 로그인을 메인으로 사용하기로 했습니다 가장 많이 쓰는 카카오 로그인을 next 프로젝트에 적용하는 방법을 기록해보겠습니다 (참고로 SSR을 사용하였습니다) 카카오 로그인 서비스 과정로그인은 사용자가 자신을 인증해 서비스에 권한을 인가하는 절차입니다카카오 로그인은 사용자 로그인 완료 시, 보안 데이터인 토큰을 서비스에 발급합니다 카카오dev에서 로그인을 사용할 애플리케이션 등록하기 1. 카카오 로그인 활성화 + OpenId Connect 활성화 2. 앱키 위치 기억해두기supabase에서 연결해야 하기 때문에 일단 위치만 기억해두고 넘어갑니다 3. 동의항목 설정하기필요한 거에 따라 각자 설정하면 됩니다설정하고 나면 위에 '동의 화면 미리 보기'로 ..
next build 시, router not working 🐛 이번에 next 프로젝트를 하면서 서버 컴포넌트, app rotuer, router handler 등 다양한 개념들을 사용하면서 SSG, CSR을 사용하였다문제 상황정상적으로 빌드가 진행되었는데, 로그인 페이지('/log-in')에서 로그인은 성공적으로 이루어지지만, 홈페이지로 리디렉션이 이루어지지 않는다 (router 사용) 빌드 후, start 했을 때 쿠키는 비어있다 로그인을 진행하면, 정상적으로 토스트가 뜨고 나서 홈페이지로 페이지 이동이 되어야 한다하지만, 현재 토스트와 헤더에 로그아웃 버튼만 갱신되고, 페이지 이동은 이루어지지 않았다즉, 로그인은 진행되었지만 리디렉션은 진행되지 않았다..! 문제 해결 과정 1.  route handler, middleware, login 메서드에 모두 콘솔을 ..