얕은 라우팅

shallow-routing

Next.js의 기능으로 data fetch메소드를 다시 사용하지 않고 URL을 변경하는 방식이다.
state를 잃지 않고 pathname , router 객체를 이용하여 query 업데이트를 할 수 있다.

다이나믹 라우팅으로 아이디값을 다른페이지에 주고 아이디를 받은페이지에서
해당 데이터를 가공해야 한다면 얕은 라우팅을 사용하면 되는것이다.

사용 예시

다른 컴포넌트에서 setState 를 해야할때 부모 컴포넌트에서 setState 를 자식 컴포넌트의 prop 으로 넘겨주는 방식이 아니라 그냥 어느 컴포넌트든지 router.push + shallow : true 로 url 만 바꿔주면 알아서 setState 한 것과 동일한 효과로 전부 리랜더링이 되는거다.