# General Translation React SDKs (gt-react, gt-next): Next.js
URL: https://generaltranslation.com/fr/docs/react/nextjs.mdx
---

title: Next.js
description: Découvrez les fonctionnalités propres à Next.js dans General Translation, notamment les composants serveur, les fonctions serveur, le plugin de configuration, le middleware, l’enregistrement du paramètre régional de la requête et la navigation localisée.

---

`gt-next` partage les mêmes composants, hooks et la même configuration que le reste de l’écosystème React de General Translation, mais Next.js offre aussi quelques fonctionnalités qu’aucun autre framework ne propose. Ces pages couvrent les aspects qui s’appliquent uniquement à `gt-next`.

Si vous débutez, suivez le [Quickstart Next.js App Router](/docs/react/nextjs-quickstart) ou le [Quickstart Next.js Pages Router](/docs/react/nextjs-pages-router-quickstart). Les [Guides](/docs/react/guides/configuring) et la [Référence](/docs/react/reference/config) communs couvrent tout ce qui fonctionne de la même manière dans les différents frameworks ; les pages de cette section couvrent uniquement les spécificités de Next.js.

## Ce qui est spécifique à Next.js [#overview]

La majeure partie de `gt-next` repose sur l’API React partagée. Les éléments spécifiques à Next.js sont les suivants :

* **Composants serveur.** Dans l’App Router, le composant [`<T>`](/docs/react/reference/components/t) et les crochets de traduction fonctionnent dans des composants serveur de React synchrones sans directive `'use client'`. Les composants async utilisent des fonctions de `gt-next/server`. Voir [Composants serveur](/docs/react/nextjs/server-components).
* **Fonctions serveur.** Le point d’entrée `gt-next/server`, uniquement disponible avec l’App Router, expose des fonctions async comme [`getGT`](/docs/react/nextjs/reference/functions/get-gt), [`getLocale`](/docs/react/nextjs/reference/functions/get-locale) et [`getRegion`](/docs/react/nextjs/reference/functions/get-region).
* **Le plugin de configuration.** `withGTConfig` de `gt-next/config` intègre l’internationalisation à votre build dans `next.config`. Voir [Configuration](/docs/react/nextjs/config).
* **Middleware.** `gt-next/middleware` ajoute le routage par paramètre régional et la détection via des chemins d’URL localisés. Suivez le guide [App Router](/docs/react/nextjs/app-router-middleware) ou [Pages Router](/docs/react/nextjs/pages-router-middleware).
* **Enregistrement du paramètre régional de la requête.** Les gestionnaires de route et les images de métadonnées générées enregistrent les paramètres régionaux avant d’appeler les fonctions serveur de l’App Router. Voir [Enregistrement des paramètres régionaux de la requête](/docs/react/nextjs/registering-request-locales).
* **Navigation localisée.** Le composant `<Link>` de `gt-next/link` ajoute le préfixe du paramètre régional actif aux `href` internes. Voir [Navigation localisée](/docs/react/nextjs/link).

## Pages [#pages]

| Page                                                                                                   | Description                                                                                                                |
| ------------------------------------------------------------------------------------------------------ | -------------------------------------------------------------------------------------------------------------------------- |
| [Composants serveur](/docs/react/nextjs/server-components)                                             | Traduisez dans les composants serveur de React et comprenez les différences de comportement entre le serveur et le client. |
| [`getGT`](/docs/react/nextjs/reference/functions/get-gt)                                               | Commencez par la référence de la fonction `gt-next/server`, disponible uniquement avec l’App Router.                       |
| [Configuration](/docs/react/nextjs/config)                                                             | Le plugin `withGTConfig`, ses options, et les traductions locales ou via CDN.                                              |
| [Middleware App Router](/docs/react/nextjs/app-router-middleware)                                      | Routage par paramètre régional et segment `app/[locale]`.                                                                  |
| [Enregistrement des paramètres régionaux des requêtes](/docs/react/nextjs/registering-request-locales) | Enregistrez le contexte du paramètre régional dans les Route Handlers et les métadonnées générées.                         |
| [Middleware Pages Router](/docs/react/nextjs/pages-router-middleware)                                  | Routage par paramètre régional et segment `pages/[locale]`.                                                                |
| [Génération de site statique App Router](/docs/react/nextjs/app-router-static-site-generation)         | Pré-générez une route App Router par paramètre régional.                                                                   |
| [Génération de site statique Pages Router](/docs/react/nextjs/pages-router-static-site-generation)     | Pré-générez les pages Pages Router avec `withGTStaticProps`.                                                               |
| [Navigation localisée](/docs/react/nextjs/link)                                                        | Le composant `<Link>` sensible au paramètre régional de `gt-next/link`.                                                    |