nextjs에서 로그인 버튼 클릭하면 모달창이 보이면서 route가 같이 변경되게 하려면 어떻게 해야하나요?

nextjs에서 로그인 모달창을 만들려고 하는데 버튼을 클릭하면 모달창과 함께 route도 /log-in으로 하는 방법이 있을까요? 트위터에서 로그인 버튼 누르면 모달창이 뜨면서 route가 변경 되는 것처럼 구현하고 싶은데 방법을 몰라서 구글링하다가 커리어리에 질문을 올리게 되었습니다.

바닐라JS 로그인폼 질문 드립니다.

최근 토이프로젝트겸 친구가 운영하는자영업 웹페이지를 제작하고있습니다. 회원가입기능과 예약기능을 설계하면서 여러 웹사이트를 참고하고자 둘러보았는데 대부분의 기업 (N사 G사등등)로그인버튼 클릭시 모달팝업이 노출되거나 별도의 로그인폼페이지가 로드되었습니다. 하나의 페이지에서 사용자의 입력을받아 로그인이나 회원가입기능을 수행할 수 있다고 생각되는데 위와같은 방법으로 하는 특별한 이유나 디자인패턴이 있는지 질문드립다.

구글 로그인 구현시에 구글 토큰 검증은 어떤 방식으로 하나요?

구글 로그인을 구현할 때의 절차가 다음과 같은 것으로 알고 있습니다. 프론트에서 구글 로그인 요청 -> 로그인 성공 -> 구글에서 토큰 반환 -> 구글 토큰을 백엔드로 전송 -> 백엔드에서 구글 토큰을 통해 서비스에서 사용할 토큰, 리프레스 토큰 생성 -> 프론트로 토큰 반환 (틀린 부분이 있다면 정정 부탁드립니다!) 이 과정 중 프론트에서 구글 토큰을 백엔드로 보낸 뒤 구글 토큰의 검증은 보통 어떤 방식으로 하는건가요? 만약 보낸 토큰이 유효하지 않다면 서비스 토큰을 생성하지 않아야 하는데 어떤 식으로 검증하는지 궁금합니다!

웹에 G-suite 적용시키기

교내 서비스 관련 홈페이지에 로그인으로 G-suite가 적용되 있는 곳이 많은데 어떻게 받아와서 쓰는지 모르겠어서 글남깁니다

next-auth google 로그인 500 server error

next-auth를 사용해서 google 로그인 구현중인데 Signup 버튼을 클릭하면 500 server error가 발생합니다. 로컬에서는 잘 됐는데, vercel로 배포해서 개발도메인으로 연동하려고 하니까 에러가 발생하네요.. ㅠ 혹시 해결해보신 분 있으실까요?

React / Node 로그인 세션을 어디에 담나요?

서비스 개발 진행중인데 세션(로그인 토큰)을 로컬 스토리지에 담고 있습니다 다른 서비스에서는 어디에 담아 관리를 하나요? 보안을 위해서 로컬 스토리지에 담는 것이 맞는지 다른 곳에 담는 것이 좋은지 알 수 있을 까요?