# General Translation React SDKs (gt-react, gt-next): Middleware di App Router
URL: https://generaltranslation.com/it/docs/react/nextjs/app-router-middleware.mdx
---
title: Middleware di App Router
description: Come configurare il routing delle impostazioni regionali di General Translation per App Router di Next.js.
related:
  links:
    - /docs/react/nextjs-quickstart
    - /docs/react/nextjs/app-router-static-site-generation
    - /docs/react/nextjs/reference/functions/create-next-middleware

---

Configura il middleware, un segmento radice `[locale]` e una funzione per l'impostazione regionale della richiesta, in modo che le richieste di App Router vengano instradate verso il percorso localizzato corretto.

## Configura il middleware [#middleware]

Crea `proxy.ts` nella radice del progetto (`middleware.ts` in Next.js 15 e versioni precedenti):

```ts title="proxy.ts"
import { createNextMiddleware } from 'gt-next/middleware';

export default createNextMiddleware();

export const config = {
  matcher: ['/((?!api|static|.*\\..*|_next).*)'],
};
```

Il middleware rileva l'impostazione regionale dall'URL, dal cookie, dagli header del browser o dall'impostazione regionale predefinita. Poi reindirizza o riscrive la richiesta verso il percorso localizzato corrispondente.

## Aggiungi la route dell'impostazione regionale [#locale-route]

Sposta le pagine di App Router in `app/[locale]`:

<Files>
  <Folder name="app">
    <Folder name="[locale]">
      <File name="layout.tsx" />

      <File name="page.tsx" />
    </Folder>
  </Folder>

  <File name="getLocale.ts" />

  <File name="proxy.ts" />
</Files>

Il segmento di route riceve l&#39;impostazione regionale selezionata dal middleware. Consulta [`createNextMiddleware`](/docs/react/nextjs/reference/functions/create-next-middleware) per le opzioni di routing e la configurazione dei percorsi localizzati.

## Leggi l&#39;impostazione regionale della radice [#root-locale]

Crea `getLocale.ts` nella radice del progetto. `withGTConfig` rileva automaticamente questo file.

```ts title="./getLocale.ts"
import { locale } from 'next/root-params';

export default async function getLocale() {
  return await locale();
}
```

Il parametro radice fornisce l&#39;impostazione regionale senza leggere gli header della richiesta né i cookie.
## Next steps

- /docs/react/nextjs-quickstart
- /docs/react/nextjs/app-router-static-site-generation
- /docs/react/nextjs/reference/functions/create-next-middleware