# General Translation React SDKs (gt-react, gt-next): Next.js
URL: https://generaltranslation.com/es/docs/react/nextjs.mdx
---
title: Next.js
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, middleware, 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.

## 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 React Server Components 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).
* **Middleware.** `gt-next/middleware` añade enrutamiento por configuración regional y detección con rutas URL localizadas. Sigue la guía de [App Router](/docs/react/nextjs/app-router-middleware) o [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).
* **Navegación localizada.** 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.            |
| [Middleware de Pages Router](/docs/react/nextjs/pages-router-middleware)                                | Enrutamiento por configuración regional y el segmento `pages/[locale]`.                                       |
| [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`.                                    |
| [Navegación localizada](/docs/react/nextjs/link)                                                        | El componente `<Link>` con reconocimiento de configuración regional de `gt-next/link`.                        |