# General Translation React SDKs (gt-react, gt-next, gt-react-native): Next.js
URL: https://generaltranslation.com/es/docs/react/nextjs.mdx
Docs index: https://generaltranslation.com/llms.txt
Description: Explora las funciones de General Translation específicas de Next.js, incluidos los componentes de servidor, las funciones de servidor, el plugin de configuración, el enrutamiento por configuración regional, el registro de la configuración regional de la solicitud y la navegación localizada.

`gt-next` comparte los mismos componentes, hooks y configuración que el resto del ecosistema React de General Translation, pero Next.js añade algunas capacidades que ningún otro framework tiene. Estas páginas cubren las partes que solo se aplican a `gt-next`.

Si estás empezando, sigue el [Quickstart de Next.js App Router](/docs/react/nextjs-quickstart) o el [Quickstart de Next.js Pages Router](/docs/react/nextjs-pages-router-quickstart). Las [Guías](/docs/react/guides/configuring) y la [Referencia](/docs/react/reference/config) compartidas cubren todo lo que funciona de la misma manera en todos los frameworks; las páginas de esta sección cubren la superficie exclusiva de Next.js.

*Nota: `gt-next` es compatible con Next.js 13.0.0 o versiones posteriores, excepto Next.js 15.2.1 y 15.2.2.*

## Qué es específico de Next.js [#overview]

La mayor parte de `gt-next` es la API compartida de React. Las partes específicas de Next.js son:

* **Componentes de servidor.** En App Router, el componente [`<T>`](/docs/react/reference/components/t) y los hooks de traducción funcionan en componentes de servidor de React síncronos sin la directiva `'use client'`. Los componentes asíncronos usan funciones de `gt-next/server`. Consulta [Componentes de servidor](/docs/react/nextjs/server-components).
* **Funciones de servidor.** El punto de entrada `gt-next/server`, exclusivo de App Router, expone funciones asíncronas como [`getGT`](/docs/react/nextjs/reference/functions/get-gt), [`getLocale`](/docs/react/nextjs/reference/functions/get-locale) y [`getRegion`](/docs/react/nextjs/reference/functions/get-region).
* **El plugin de configuración.** `withGTConfig` de `gt-next/config` integra la internacionalización en tu compilación mediante `next.config`. Consulta [Configuración](/docs/react/nextjs/config).
* **Enrutamiento por configuración regional.** App Router usa `gt-next/middleware`; Pages Router usa el enrutamiento internacionalizado de Next.js. Sigue la guía del [middleware de App Router](/docs/react/nextjs/app-router-middleware) o del [enrutamiento por configuración regional de Pages Router](/docs/react/nextjs/pages-router-middleware).
* **Registro de la configuración regional de la solicitud.** Los Route Handlers y las imágenes de metadatos generadas registran las configuraciones regionales antes de llamar a las funciones de servidor de App Router. Consulta [Registro de configuraciones regionales de la solicitud](/docs/react/nextjs/registering-request-locales).
* **Cache Components.** El contenido de servidor almacenado en caché usa funciones de solicitud explícitas y traducciones almacenadas localmente. Consulta [Uso de Cache Components](/docs/react/nextjs/cache-components).
* **SEO de alias de configuración regional.** Las URL basadas en alias necesitan metadatos canónicos BCP 47 y entradas de sitemap. Consulta [Gestión del SEO de alias de configuración regional](/docs/react/nextjs/locale-alias-seo).
* **Navegación localizada.** En App Router, el componente `<Link>` de `gt-next/link` antepone la configuración regional activa a los `href` internos. Consulta [Navegación localizada](/docs/react/nextjs/link).

## Páginas [#pages]

| Página                                                                                                  | Descripción                                                                                                   |
| ------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------- |
| [Componentes de servidor](/docs/react/nextjs/server-components)                                         | Traduce en componentes de servidor de React y comprende el comportamiento del servidor frente al del cliente. |
| [`getGT`](/docs/react/nextjs/reference/functions/get-gt)                                                | Empieza con la referencia de la función `gt-next/server`, exclusiva de App Router.                            |
| [Configuración](/docs/react/nextjs/config)                                                              | El plugin `withGTConfig`, sus opciones y las traducciones locales frente a las de la CDN.                     |
| [Middleware de App Router](/docs/react/nextjs/app-router-middleware)                                    | Enrutamiento por configuración regional y el segmento `app/[locale]`.                                         |
| [Registro de configuraciones regionales de solicitud](/docs/react/nextjs/registering-request-locales)   | Registra el contexto de configuración regional en los Route Handlers y en los metadatos generados.            |
| [Uso de Cache Components](/docs/react/nextjs/cache-components)                                          | Almacena en caché contenido de servidor localizado sin API de solicitudes dinámicas.                          |
| [Enrutamiento por configuración regional de Pages Router](/docs/react/nextjs/pages-router-middleware)   | Enrutamiento internacionalizado de Next.js, detección de configuración regional y navegación.                 |
| [Generación estática de sitios de App Router](/docs/react/nextjs/app-router-static-site-generation)     | Renderiza previamente una ruta de App Router por cada configuración regional.                                 |
| [Generación estática de sitios de Pages Router](/docs/react/nextjs/pages-router-static-site-generation) | Renderiza previamente las páginas de Pages Router con `withGTStaticProps`.                                    |
| [Gestión del SEO de alias de configuración regional](/docs/react/nextjs/locale-alias-seo)               | Mantén los alias en las URL y los códigos de configuración regional canónicos en los metadatos de búsqueda.   |
| [Navegación localizada](/docs/react/nextjs/link)                                                        | El componente `<Link>` con reconocimiento de configuración regional de `gt-next/link`.                        |

## Sitemap

See the full [sitemap](https://generaltranslation.com/sitemap.md) for all pages.
