Next 14에서 새 탭을 링크로 열기 이후 뒤로가기 시 메인으로 이동하고 싶은데 방법을 모르겠어요.

Question

Next 14에서 새 탭을 링크로 열기 이후 UI 헤더에 커스텀한 뒤로가기 버튼 클릭 시 history가 없어 router.back()이 작동하지 않네요.
새탭에서 url로 검색 시에도 뒤로가기 시 메인 페이지로 이동시키고 싶은데 방법을 모르겠어요.
예를 들면 카카오웹툰처럼 페이지 이동을 하고 싶습니다.
도와주세요 🙏

포크코딩 · Answer

정확히 어떤 플로우를 원하시는지 모르겠으나, 인터셉팅 라우트 기능을 쓰시면 원하는 기능을 구현하실 수 있을거에요.

ex) (..)new-tab/page.tsx

허니 · Answer

back 기능과 함께 뒤로가기 버튼을 만들 때 쉽게 마주하는 문제입니다. 한 가지 방법으로 이전 페이지가 자신의 사이트의 다른 페이지일 경우 back으로 동작하도록 하고, 다른 사이트일 경우 자신의 사이트의 메인 페이지(혹은 리스트 페이지)로 보내는 방법이 있습니다. 히스토리는 직접 접근할 수 없기 때문에 이전 페이지가 외부인지 내부인지를 판단하는 로직을 작성해야 합니다.