NextJS Prefetch

NexJS 를 공부하면서 Prefetch를 정확하게 기억하기 위해 공식문서를 참고하여 정리하려고 합니다.

Prefetch

프리패치는 미리 필요한 데이터나 리소스를 미리 가져와서 캐시에 저장하거나 처리하여 나중에 사용할 수 있도록 하는 것을 의미합니다.

쉽게 말해 Nextjs에서 제공하는 Link를 클릭할 경우, 클릭 전 해당 링크에 마우스를 호버만 해도 미리 필요한 데이터를 가져오게 됩니다.
때문에 사용자는 비교적 빠른 속도로 페이지를 볼 수 있게 되고, 이로 인해 사용자 경험이 좋아지게 됩니다.

해당 기능을 사용하고 싶지 않다면,

<Link prefetch={false}>안쓸거야</Link>

위와 같이 사용하시면 됩니다.