Next.js — Componente Link

Introducción

• ¿Qué es Link?
• Características
• Ventajas
• ¿Cómo se crea o implementa?
• ¿Cómo funciona?
• Opciones disponibles
• Ejemplos
• A considerar
• ¿Es compatible usar Link dentro de Layouts?
• Comparación con <a> tradicional

Lee el artículo gratis → friends link o en Github

Todos los ejemplos los podrás encontrar en el repositorio next.js-15.3–1[ref]
Acá puedes ver todas las stories de next.js [ref]

Componente Link

En el ecosistema de Next.js, el componente Link cumple un rol fundamental en la experiencia de usuario: permite transiciones entre páginas sin recargar el navegador, manteniendo el estado del cliente y optimizando el rendimiento mediante precarga automática de recursos.

:: ¿Qué es Link?

Link es un componente de alto nivel proporcionado por Next.js para manejar navegación interna en aplicaciones web. Está diseñado para reemplazar el uso de <a href="..."> en contextos donde se navega entre rutas definidas en el App Router o Pages Router.