Next Link와 router.push 차이

결론부터 말하자면 Link 와 router.push 의 차이는 CSR이냐 아니냐의 차이다.

 

router.push 로 이동을 하면 CSR 이다.

 

그리고 CSR인 페이지에서 useSWR로 클라이언트에서 데이터를 가져오는 방식중 클라이언트에서 가져오는 데이터에 의존해서 GET 요청을 보낼 경우 새로고침시 클라이언트 저장소가 초기화 되기때문에 useSWR로 데이터를 가져오지 못한다.

 

따라서 useSWR을 사용할 때 데이터 의존을 하는 경우 SSR로 데이터를 가져와야 새로고침을 했을때 필요한 데이터를 먼저 NEXT 서버에서 가져온 뒤 SWR로 또 다른 데이터를 가져오기 때문에 에러가 나지 않는다.