Link prefetching trong Next.js là gì và cách control?

Next.js tự động prefetch routes khi Link component vào viewport (production).

• Tải JS chunk và data cho route đó trước khi user click, tạo instant navigation.
• Disable: <Link prefetch={false}>.
• App Router prefetch RSC payload.
• Control cụ thể: prefetch attribute hoặc router.prefetch().
• Giúp navigation cảm giác instantaneous.

Next.js automatically prefetches routes when a Link component enters the viewport in production — loading the JS chunk and data before the user clicks, making navigation feel instant.

• Disable it with <Link prefetch={false}>.
• The App Router prefetches the RSC payload.
• For finer control use the prefetch attribute or router.prefetch().