Как использовать NavLink в Next.js?

Существует ли альтернативная библиотека для маршрутизации в React, подобная react-router-dom, но не так часто упоминаемая в документации next/navigation?
  • 1 августа 2024 г. 5:33
Ответы на вопрос 1
В Next.js NavLink из react-router-dom не поддерживается. Вместо этого в Next.js есть своя библиотека для маршрутизации - Link из модуля next/link. 

Пример использования Link в Next.js:

```jsx
import Link from 'next/link';

const HomePage = () => (
  <div>
    <Link href="/about">
      <a>About Page</a>
    </Link>
  </div>
);

export default HomePage;
```

Что касается альтернативной библиотеки для маршрутизации в React, например, для использования в Next.js, сравнимая с react-router-dom, то можно рассмотреть библиотеку Next PWA. Next PWA предоставляет возможность добавления поддержки сервисных работников и кэширования для создания прогрессивных веб-приложений на основе Next.js. Она включает в себя решения для маршрутизации, такие как Custom Routing, что делает ее возможной альтернативой react-router-dom для маршрутизации в Next.js.
Похожие вопросы