gt-next@11.1.3

概要 [#overview]

gt-next v11.1.3 では、Pages Router アプリで Next.js の国際化ルーティングを使用します。ロケールプレフィックス付き URL、リクエストロケールのコンテキスト、ブラウザー検出、クライアント側ナビゲーションは Next.js が担い、gt-next は対応する翻訳スナップショットを読み込みます。セットアップ全体については、更新された Next.js Pages Router Quickstart を参照してください。

Pages Router のロケールを設定する [#configure-locales]

gt.config.json で使用しているロケール設定と同じものを next.config.ts にインポートします。

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);

locales 配列には defaultLocale を含める必要があります。ページは引き続き pages 直下に配置します。pages/[locale] セグメントと gt-next ミドルウェアは、推奨される Pages Router の設定には含まれなくなりました。

withGTServerSideProps と withGTStaticProps は、Next.js のデータ関数の context からロケールを読み取ります。ロケールの選択には、ロケール対応の Pages Router ナビゲーションと NEXT_LOCALE 設定用 cookie を使用します。