# General Translation React SDKs (gt-react, gt-next): Navegación localizada
URL: https://generaltranslation.com/es/docs/react/nextjs/link.mdx
---
title: Navegación localizada
description: Navega directamente a rutas localizadas en Next.js con el componente `Link` de General Translation con reconocimiento de la configuración regional. Referencia de la API de Link.

---

El componente `<Link>` de `gt-next/link` envuelve el `<Link>` de Next.js y añade el prefijo de configuración regional a las URL internas antes de navegar. Esto evita una redirección adicional del middleware al cambiar de configuración regional; el middleware puede encargarse de cualquier reescritura necesaria en la solicitud localizada. Consulta la configuración de [App Router](/docs/react/nextjs/app-router-middleware) o [Pages Router](/docs/react/nextjs/pages-router-middleware).

## Descripción general [#overview]

Importa la exportación por defecto de `gt-next/link` y úsala igual que `next/link`. Acepta las mismas props y reenvía las refs.

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

export function Navigation() {
  return <Link href="/home">Home</Link>; // /en/home para un visitante en inglés
}
```

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

**Tipo** `string | false | undefined`

Controla el prefijo de la configuración regional:

* **Omitida** - Usa la configuración regional actual de [`useLocale`](/docs/react/reference/hooks/use-locale)
* **String de configuración regional** - Enlaza directamente a esa configuración regional, por ejemplo desde un selector de idioma
* **`false`** - Deja el href sin cambios

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

// Configuración regional actual (predeterminada): /en/home
<Link href="/home">Home</Link>;

// Configuración regional explícita: /fr/home
<Link href="/home" locale="fr">French</Link>;

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

Las URL externas no cambian. En los `href` de objeto, `<Link>` localiza solo el `pathname` y conserva los demás campos.