Die Übersetzungsfunktion

Manchmal musst du Inhalte übersetzen, die nicht Teil deines JSX sind, zum Beispiel die Metadaten einer Seite mit Next.js. Die von createLocalizedT zurückgegebene Funktion t() übersetzt eine beliebige Zeichenfolge.

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

Die Funktion translate aus dem Setup kann auch direkt aufgerufen werden. Es benötigt eine Sprache, einen Text und optionale Optionen und führt zur Übersetzung.

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

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