A lightweight i18n library for React Email.
$ npm install @languine/react-email
This is a lightweight i18n library for React Email built on top of i18n-js
.
Language files are automatically included in the locales
folder.
import { setupI18n } from "@languine/react-email";
export function WelcomeEmail({ locale, name }) {
const i18n = setupI18n(locale);
return (
<Html>
<Head />
<Preview>{i18n.t("preview")}</Preview>
<Body>
<Text>{i18n.t("welcome", { name })}</Text>
</Body>
</Html>
);
}
Add your translation files in the locales
folder.
{
"preview": "Welcome to our app!",
"welcome": "Hello, %{name}!"
}
import { render } from '@react-email/render';
import { WelcomeEmail } from "./emails/welcome";
const html = await render(<WelcomeEmail locale="en" name="John" />, {
pretty: true,
});
console.log(html);
Automatically add and translate your email templates with Languine CLI.
$ npx languine@latest