# 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.