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

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

nextjs에서 페이지 별로 user redirect를 해주려면 어떻게 하나요?

react에서는 route 파일에서 일괄적으로 처리하면 되는데 next.js는 페이지 별로 route가 처리되니까 어떻게 처리하고 계신지 궁금하네요 제가 생각한 방식은 _app.tsx 파일에서 일괄 처리해준다인데 추천할만한 다른 방법이 있을까요?