gt-next@11.1.3
Panoramica [#overview]
gt-next v11.1.3 utilizza il routing internazionalizzato di Next.js per le app con Pages Router. Next.js ora gestisce gli URL con prefisso dell'impostazione regionale, il contesto dell'impostazione regionale della richiesta, il rilevamento del browser e la navigazione lato client, mentre gt-next carica lo snapshot delle traduzioni corrispondente. Segui il Next.js Pages Router Quickstart aggiornato per completare la configurazione.
Configura le impostazioni regionali del Pages Router [#configure-locales]
Importa in next.config.ts le stesse impostazioni regionali utilizzate in 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);L'array locales deve includere defaultLocale. Le pagine restano direttamente in pages; un segmento pages/[locale] e il middleware gt-next non fanno più parte della configurazione consigliata per Pages Router.
withGTServerSideProps e withGTStaticProps leggono l'impostazione regionale dal contesto delle funzioni di recupero dati di Next.js. La selezione dell'impostazione regionale usa la navigazione di Pages Router basata sull'impostazione regionale e il cookie delle preferenze NEXT_LOCALE.