# General Translation React SDKs (gt-react, gt-next): Локализованная навигация
URL: https://generaltranslation.com/ru/docs/react/nextjs/link.mdx
---

title: Локализованная навигация
description: Переходите напрямую к локализованным маршрутам в Next.js с помощью компонента Link от General Translation с поддержкой локалей. Справочник API для Link.

---

Компонент `<Link>` из `gt-next/link` оборачивает `<Link>` из Next.js и перед переходом добавляет к внутренним URL префикс локали. Это позволяет избежать лишнего перенаправления через middleware при смене локали; middleware сможет выполнить все необходимые перезаписи для локализованного запроса. См. настройку [App Router](/docs/react/nextjs/app-router-middleware) или [Pages Router](/docs/react/nextjs/pages-router-middleware).

## Обзор [#overview]

Импортируйте экспорт по умолчанию из `gt-next/link` и используйте его так же, как `next/link`. Он принимает те же пропсы и пробрасывает ref.

```tsx title="app/nav.tsx"
import Link from 'gt-next/link';

export function Navigation() {
  return <Link href="/home">Home</Link>; // /en/home для англоязычного посетителя
}
```

## Свойство `locale` [#locale-prop]

**Тип** `string | false | undefined`

Управляет префиксом локали:

* **Не указано** — используется текущая локаль из [`useLocale`](/docs/react/reference/hooks/use-locale)
* **Строка локали** — ссылка ведёт напрямую на эту локаль, например из переключателя языка
* **`false`** — оставляет href без изменений

```tsx
import Link from 'gt-next/link';

// Текущая локаль (по умолчанию): /en/home
<Link href="/home">Home</Link>;

// Явная локаль: /fr/home
<Link href="/home" locale="fr">French</Link>;

// Без префикса: /legal
<Link href="/legal" locale={false}>Legal</Link>;
```

Внешние URL-адреса остаются без изменений. Для `href` в виде объектов `<Link>` локализует только `pathname`, сохраняя остальные поля.