gt-next@11.1.3

Vue d’ensemble [#overview]

gt-next v11.1.3 utilise le routage internationalisé de Next.js pour les applications utilisant Pages Router. Next.js gère désormais les URL préfixées par le paramètre régional, le contexte de paramètre régional de la requête, la détection du navigateur et la navigation côté client, tandis que gt-next charge l’instantané de traduction correspondant. Suivez le Quickstart Next.js Pages Router mis à jour pour effectuer la configuration complète.

Configurer les paramètres régionaux du routeur Pages [#configure-locales]

Importez dans next.config.ts les mêmes paramètres régionaux que ceux utilisés dans gt.config.json :

import type { NextConfig } from 'next';
import { withGTConfig } from 'gt-next/config';
import gtConfig from './gt.config.json';

const nextConfig: NextConfig = {
  i18n: {
    locales: gtConfig.locales,
    defaultLocale: gtConfig.defaultLocale,
  },
};

export default withGTConfig(nextConfig);

Le tableau locales doit inclure defaultLocale. Les pages restent directement dans pages ; un segment pages/[locale] et le middleware gt-next ne font plus partie de la configuration recommandée pour Pages Router.

withGTServerSideProps et withGTStaticProps récupèrent le paramètre régional depuis le contexte des fonctions de données de Next.js. La sélection du paramètre régional repose sur la navigation Pages Router adaptée au paramètre régional et sur le cookie de préférence NEXT_LOCALE.