라우트 전환이 발생하기 전에 특정 로직을 수행하거나, 사용자의 요청을 수정, 차단하는 역할을 한다.

→ 주로 CSR, SPA 환경에서 많이 사용

• 인증 및 권한 확인
• 모달창
• 인스타그램 피드 클릭 시 넘어가는 페이지

말하자면 페이지 위의 페이지. (URL 경로는 이동한다)

페이지 전환을 하되, 이 전 피드 위치나 내용을 잃지 않고 그 맥락을 유지할 수 있다.

사용법

예를 들어 book/[id] 페이지를 가로채보자.

src/
├── app/
│   ├── Home/
│   │   └── page.tsx
│   ├── (.)book/[id]   // 인터셉팅 라우트 페이지
│   └── book/
│       └── [id].tsx 
│            └── [id]/
│                 └── page.tsx   
...

인터셉트할 페이지의 이름을 그대로 작성하고, ( 예: book/[id] ) 소괄호 내에 온점 (.) 으로 해당 페이지의 경로를 상대 경로로 작성한다.

➕ 인터셉팅 라우트의 상대경로