# General Translation React SDKs (gt-react, gt-next): Middleware pour l’App Router
URL: https://generaltranslation.com/fr/docs/react/nextjs/app-router-middleware.mdx
---

title: Middleware pour l’App Router
description: Comment configurer le routage par paramètre régional de General Translation pour l’App Router de Next.js.
related:
  links:
    - /docs/react/nextjs-quickstart
    - /docs/react/nextjs/app-router-static-site-generation
    - /docs/react/nextjs/reference/functions/create-next-middleware

---

Configurez le middleware, un segment racine `[locale]` et une fonction de paramètre régional de requête afin que les requêtes de l’App Router soient résolues vers la route localisée appropriée.

## Configurez le middleware [#middleware]

Créez `proxy.ts` à la racine du projet (`middleware.ts` avec Next.js 15 et versions antérieures) :

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

export default createNextMiddleware();

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

Le middleware détecte le paramètre régional à partir de l’URL, du cookie, des en-têtes du navigateur ou du paramètre régional par défaut. Il redirige ensuite la requête ou la réécrit vers la route localisée correspondante.

## Ajoutez la route du paramètre régional [#locale-route]

Déplacez vos pages App Router dans `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>

Le segment de route reçoit le paramètre régional sélectionné par le middleware. Consultez [`createNextMiddleware`](/docs/react/nextjs/reference/functions/create-next-middleware) pour les options de routage et la configuration des chemins localisés.

## Lire le paramètre régional depuis la racine [#root-locale]

Créez `getLocale.ts` à la racine de votre projet. `withGTConfig` détecte automatiquement ce fichier.

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

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

Le paramètre racine fournit le paramètre régional sans lire les en-têtes de la requête ni les cookies.
## Next steps

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