<Link>
컴포넌트와 함께 사용되며, 페이지 전환 성능을 최적화하기 위해 링크된 페이지의 리소스를 미리 로드함(default 속성)
- Next.js의 자동 코드 스플리팅 기능을 활용하여, 링크된 페이지에 필요한 JavaScript 번들 파일을 미리 다운로드
특징
- 사용자가 현재 화면에서 보고 있는 링크들에 대해서만 사전 로드가 이루어짐
- 사용자가 링크를 클릭했을 때 즉시 해당 페이지를 렌더링할 수 있음
prefetch={false}
로 설정하더라도, 사용자가 링크 위에 마우스를 올리면(hover) 해당 페이지 리소스는 자동으로 미리 로드됨
- 프로덕션 환경에서만 작동
prefetch
는 개발 모드에서는 동작하지 않으며, 프로덕션 모드에서만 활성화 됨