Documentación

La función de traducción

A veces necesitas traducir contenido que no forma parte de tu JSX, por ejemplo, los metadatos de una página de Next.js. La función t() devuelta por createLocalizedT traduce cualquier cadena.

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

También puedes llamar a la función translate directamente desde la configuración. Acepta un idioma, el texto a traducir y un objeto de configuración opcional, y devuelve una promesa que se convierte en la traducción.

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


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

Ambos toman un id para editar este uso del texto por sí solos:

const title = await t('Save', { id: 'checkout-save' });


const translation = await translate(Language.DE, 'Save', {
  id: 'checkout-save'
});
AnteriorComponentes del servidor ReactEl siguienteAngular