번역 기능

가끔 JSX의 일부가 아닌 콘텐츠, 예를 들어 Next.js 페이지의 메타데이터를 번역해야 해.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'
);