# General Translation React SDKs (gt-react, gt-next): Generazione statica del sito con App Router
URL: https://generaltranslation.com/it/docs/react/nextjs/app-router-static-site-generation.mdx
---
title: Generazione statica del sito con App Router
description: Come eseguire il pre-rendering delle pagine localizzate di Next.js App Router con General Translation.
related:
  links:
    - /docs/react/nextjs-quickstart
    - /docs/react/nextjs/app-router-middleware
    - /docs/react/nextjs/config

---

Esegui il pre-rendering di una route di App Router per ogni impostazione regionale con `generateStaticParams`. Il routing delle impostazioni regionali e la risoluzione dell'impostazione regionale della richiesta usano la stessa configurazione delle route dinamiche.

## Mantieni la configurazione di Next.js [#config]

La generazione statica non cambia il setup di `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 il routing delle impostazioni regionali [#routing]

Segui la [guida al middleware di App Router](/docs/react/nextjs/app-router-middleware) per creare `proxy.ts`, spostare le route in `app/[locale]` e definire la funzione `getLocale` personalizzata.

## Disabilita il rilevamento della regione [#region]

Il resolver predefinito della regione legge un cookie, rendendo la route dinamica. Aggiungi `getRegion.ts` nella radice del progetto per disabilitare il rilevamento della regione durante il prerendering:

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

`withGTConfig` rileva automaticamente questo file.

## Genera route per le impostazioni regionali [#generate-routes]

Restituisce un parametro di route per ciascuna impostazione regionale configurata:

```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 ora esegue il pre-rendering di `app/[locale]/page.tsx` una volta per ogni impostazione regionale.
## Next steps

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