# General Translation React SDKs (gt-react, gt-next): Navigazione localizzata
URL: https://generaltranslation.com/it/docs/react/nextjs/link.mdx
---
title: Navigazione localizzata
description: Passa direttamente alle route localizzate in Next.js con il componente `Link` di General Translation sensibile all'impostazione regionale. Riferimento API per `Link`.
---
Il componente `` di `gt-next/link` incapsula il `` di Next.js e aggiunge il prefisso dell'impostazione regionale agli URL interni prima della navigazione. In questo modo si evita un reindirizzamento aggiuntivo del middleware quando si cambia impostazione regionale; il middleware può gestire eventuali riscritture necessarie nella richiesta localizzata. Consulta la configurazione di [App Router](/docs/react/nextjs/app-router-middleware) o [Pages Router](/docs/react/nextjs/pages-router-middleware).
## Panoramica [#overview]
Importa il default export da `gt-next/link` e usalo come `next/link`. Accetta gli stessi props e inoltra i ref.
```tsx title="app/nav.tsx"
import Link from 'gt-next/link';
export function Navigation() {
return Home; // /en/home per un visitatore di lingua inglese
}
```
## La prop `locale` [#locale-prop]
**Type** `string | false | undefined`
Controlla il prefisso dell'impostazione regionale:
* **Omessa** - Usa l'impostazione regionale corrente tramite [`useLocale`](/docs/react/reference/hooks/use-locale)
* **Stringa di impostazione regionale** - Rimanda direttamente a quell'impostazione regionale, ad esempio da un selettore della lingua
* **`false`** - Lascia l'href invariato
```tsx
import Link from 'gt-next/link';
// Impostazione regionale corrente (predefinita): /en/home
Home;
// Impostazione regionale esplicita: /fr/home
French;
// Nessun prefisso: /legal
Legal;
```
Gli URL esterni rimangono invariati. Per gli `href` come oggetti, `` localizza solo il `pathname` e mantiene gli altri campi.