Next.js Pages 路由国际化 (i18n)

import {NextIntlClientProvider} from 'next-intl';
import {useRouter} from 'next/router';
 
export default function App({Component, pageProps}) {
  const router = useRouter();
 
  return (
    <NextIntlClientProvider
      locale={router.locale}
      timeZone="Europe/Vienna"
      messages={pageProps.messages}
    >
      <Component {...pageProps} />
    </NextIntlClientProvider>
  );
}

export async function getStaticProps(context) {
  return {
    props: {
      // 你可以从任何地方获取消息。推荐的模式是将它们放入按 locale 分开的 JSON 文件中，
      // 然后根据 Next.js 提供的 `locale` 读取所需消息。
      messages: (await import(`../../messages/${context.locale}.json`)).default
    }
  };
}

import {NextIntlClientProvider} from 'next-intl';
 
export default function App({Component, pageProps}) {
  return (
    <NextIntlClientProvider
      locale="en"
      timeZone="Europe/Vienna"
      messages={pageProps.messages}
    >
      <Component {...pageProps} />
    </NextIntlClientProvider>
  );
}

export async function getStaticProps() {
  const locale = 'en';
 
  return {
    props: {
      // 你可以从任何地方获取消息。推荐的模式是将它们放入按 locale 分开的 JSON 文件（例如 `en.json`）中。
      messages: (await import(`../../messages/${locale}.json`)).default
    }
  };
}