# General Translation React SDKs (gt-react, gt-next, gt-react-native): Navigazione localizzata
URL: https://generaltranslation.com/it/docs/react/nextjs/link.mdx
---

title: Navigazione localizzata
description: Passa direttamente alle route App Router localizzate in Next.js con il componente `Link` di General Translation sensibile all'impostazione regionale. Riferimento API per `Link`.

---

Il componente `<Link>` di `gt-next/link` incapsula il `<Link>` di Next.js e aggiunge il prefisso dell&#39;impostazione regionale agli URL interni di App Router prima della navigazione. In questo modo si evita un reindirizzamento aggiuntivo del middleware quando si cambia impostazione regionale. Consulta la [configurazione del middleware App Router](/docs/react/nextjs/app-router-middleware).

*Nota: le app Pages Router devono usare `next/link` o `next/router` con l&#39;opzione `locale` di Next.js. Consulta il [routing delle impostazioni regionali di 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 <Link href="/home">Home</Link>; // /en/home per un visitatore di lingua inglese
}
```

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

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

Controlla il prefisso dell&#39;impostazione regionale:

* **Omessa** - Usa l&#39;impostazione regionale corrente tramite [`useLocale`](/docs/react/reference/hooks/use-locale)
* **Stringa di impostazione regionale** - Rimanda direttamente a quell&#39;impostazione regionale, ad esempio da un selettore della lingua
* **`false`** - Lascia l&#39;href invariato

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

// Impostazione regionale corrente (predefinita): /en/home
<Link href="/home">Home</Link>;

// Impostazione regionale esplicita: /fr/home
<Link href="/home" locale="fr">French</Link>;

// Nessun prefisso: /legal
<Link href="/legal" locale={false}>Legal</Link>;
```

Gli URL esterni rimangono invariati. Per gli `href` come oggetti, `<Link>` localizza solo il `pathname` e mantiene gli altri campi.