# General Translation React SDKs (gt-react, gt-next): Navigation localisée
URL: https://generaltranslation.com/fr/docs/react/nextjs/link.mdx
---

title: Navigation localisée
description: Accédez directement aux routes localisées dans Next.js avec le composant Link adapté au paramètre régional de General Translation. Référence de l’API de Link.

---

Le composant `<Link>` de `gt-next/link` encapsule le `<Link>` de Next.js et ajoute le préfixe du paramètre régional aux URL internes avant d’effectuer la navigation. Cela évite une redirection `middleware` supplémentaire lors d’un changement de paramètre régional ; le `middleware` peut gérer toute réécriture nécessaire pour la requête localisée. Consultez la configuration de [App Router](/docs/react/nextjs/app-router-middleware) ou de [Pages Router](/docs/react/nextjs/pages-router-middleware).

## Vue d’ensemble [#overview]

Importez l’export par défaut de `gt-next/link` et utilisez-le comme `next/link`. Il accepte les mêmes props et transmet les refs.

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

export function Navigation() {
  return <Link href="/home">Home</Link>; // /en/home pour un visiteur anglophone
}
```

## La prop `locale` [#locale-prop]

**Type** `string | false | undefined`

Contrôle le préfixe du paramètre régional :

* **Omis** - Utilise le paramètre régional actuel de [`useLocale`](/docs/react/reference/hooks/use-locale)
* **Chaîne de paramètre régional** - Pointe directement vers ce paramètre régional, par exemple depuis un sélecteur de langue
* **`false`** - Ne modifie pas le href

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

// Paramètre régional actuel (par défaut) : /en/home
<Link href="/home">Home</Link>;

// Paramètre régional explicite : /fr/home
<Link href="/home" locale="fr">French</Link>;

// Sans préfixe : /legal
<Link href="/legal" locale={false}>Legal</Link>;
```

Les URL externes restent inchangées. Pour les objets `href`, `<Link>` localise uniquement le `pathname` et conserve les autres champs.