# General Translation React SDKs (gt-react, gt-next): Generación estática de sitios con App Router
URL: https://generaltranslation.com/es/docs/react/nextjs/app-router-static-site-generation.mdx
---

title: Generación estática de sitios con App Router
description: Cómo renderizar previamente páginas localizadas del App Router de Next.js con General Translation.
related:
  links:
    - /docs/react/nextjs-quickstart
    - /docs/react/nextjs/app-router-middleware
    - /docs/react/nextjs/config

---

Renderiza previamente una ruta del App Router por cada configuración regional con `generateStaticParams`. El enrutamiento por configuración regional y la resolución de la configuración regional de la solicitud usan la misma configuración que las rutas dinámicas.

## Mantén tu configuración de Next.js [#config]

La generación estática no cambia la configuración de `withGTConfig`:

```ts title="next.config.ts"
import type { NextConfig } from 'next';
import { withGTConfig } from 'gt-next/config';

const nextConfig: NextConfig = {};

export default withGTConfig(nextConfig);
```

## Configura el enrutamiento por configuración regional [#routing]

Sigue la [guía de middleware de App Router](/docs/react/nextjs/app-router-middleware) para crear `proxy.ts`, mover tus rutas a `app/[locale]` y definir la función personalizada `getLocale`.

## Desactiva la detección de región [#region]

El resolvedor de región predeterminado lee una cookie, lo que hace que la ruta sea dinámica. Añade `getRegion.ts` en la raíz de tu proyecto para desactivar la detección de región durante el prerenderizado:

```ts title="./getRegion.ts"
export default async function getRegion() {
  return undefined;
}
```

`withGTConfig` detecta este archivo de forma automática.

## Generar rutas por configuración regional [#generate-routes]

Devuelve un parámetro de ruta por cada configuración regional configurada:

```tsx title="app/[locale]/page.tsx"
import { getLocales, T } from 'gt-next';

export function generateStaticParams() {
  return getLocales().map((locale) => ({ locale }));
}

export default function HomePage() {
  return <T>Welcome to our site</T>;
}
```

Next.js ahora renderiza previamente `app/[locale]/page.tsx` una vez por cada configuración regional.
## Next steps

- /docs/react/nextjs-quickstart
- /docs/react/nextjs/app-router-middleware
- /docs/react/nextjs/config