Пример компонента ссылки Next.js | Учебное пособие по Next.js

Вот пример компонента Next.js Link:

import Link from 'next/link';
const MyComponent = () => {
  return (
    <Link href="/about">
      <a>About</a>
    </Link>
  );
};
export default MyComponent;

В этом примере мы импортируем компонент Linkиз модуля next/link. Затем мы используем компонент Linkдля создания ссылки на страницу «/about». Содержимое ссылки представляет собой текст «О программе», заключенный в тег .

Этот компонент Linkиспользуется в Next.js для навигации на стороне клиента без полной перезагрузки страницы. Он автоматически выполняет предварительную выборку связанной страницы в фоновом режиме, повышая производительность вашего приложения.