[Next.js/Tanstack-Query] Next에서 prefetch하기
Next.js에서 prefetch의 필요성Next.js는 동적 데이터도 빌드 시점에 미리 fetch해서 로딩 속도를 향상시킬 수 있다. (SSG)하지만 빌드 시점의 상태가 아닌 최신 상태를 받아야하면서도, 로딩 속도를 향상시키고 싶다면 prefetch 를 활용할 수 있다! json-server 옵션으로 user 목록을 json-server에서 로드해오는 fetch에 2초 딜레이를 준 상태다메인 페이지에서 사용자 목록을 prefetch 해두었기 때문에 other 페이지에서 사용자 목록을 로딩 없이 바로 확인할 수 있다!예제Query Provider 만들기하위 컴포넌트들이 queryClient에 접근할 수 있도록 Query Provider를 생성한다// src/components/providers/TQPro..