# General Translation React SDKs (gt-react, gt-next): Génération de site statique avec App Router
URL: https://generaltranslation.com/fr/docs/react/nextjs/app-router-static-site-generation.mdx
---

title: Génération de site statique avec App Router
description: Comment pré-générer des pages localisées de l’App Router Next.js avec General Translation.
related:
  links:
    - /docs/react/nextjs-quickstart
    - /docs/react/nextjs/app-router-middleware
    - /docs/react/nextjs/config

---

Pré-générez une route App Router par paramètre régional avec `generateStaticParams`. Le routage par paramètre régional et la résolution du paramètre régional de la requête utilisent la même configuration que pour les routes dynamiques.

## Conservez votre configuration Next.js [#config]

La génération statique ne modifie pas votre configuration `withGTConfig` :

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

const nextConfig: NextConfig = {};

export default withGTConfig(nextConfig);
```

## Configurer le routage par paramètre régional [#routing]

Suivez le [guide du middleware pour l’App Router](/docs/react/nextjs/app-router-middleware) pour créer `proxy.ts`, déplacer vos routes dans `app/[locale]` et définir la fonction `getLocale` personnalisée.

## Désactiver la détection de région [#region]

Le résolveur de région par défaut lit un cookie, ce qui rend la route dynamique. Ajoutez `getRegion.ts` à la racine de votre projet pour désactiver la détection de région lors du prérendu :

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

`withGTConfig` détecte automatiquement ce fichier.

## Générer les routes de paramètre régional [#generate-routes]

Renvoie un paramètre de route pour chaque paramètre régional configuré :

```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 pré-génère désormais `app/[locale]/page.tsx` pour chaque paramètre régional.
## Next steps

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