翻訳機能

Next.js ページのメタデータなど、JSXの一部ではないコンテンツを翻訳する必要があることがある。createLocalizedT が返す t() 関数は、任意の文字列を翻訳する。

import type { Metadata } from 'next';
import { createLocalizedT } from '@magic-translate/react-ssr';
import { translate } from '@/lib/translate';

export async function generateMetadata({
  params
}: {
  params: Promise<{ locale: string }>;
}): Promise<Metadata> {
  const { locale } = await params;
  const { t } = createLocalizedT(translate, locale);

  return {
    title: await t('This page title will be translated'),
    description: await t('And so will this description')
  };
}

セットアップの translate 関数を直接呼び出すこともできる。言語、テキスト、オプションのオプションを指定して、翻訳結果になる。

import { Language } from '@magic-translate/react-ssr';

const translation = await translate(
  Language.ZH,
  'This sentence will be translated to Chinese'
);