Send email using Lettermint - React Email

1. Install dependencies

Get the react-email package and the Lettermint Node.js SDK.

npm install lettermint react-email

yarn add lettermint react-email

pnpm add lettermint react-email

bun add lettermint react-email

2. Create an email using React

Start by building your email template in a .jsx or .tsx file.

email.tsx

import { Button, Html } from "react-email";

interface EmailProps {
  url: string;
}

export function Email({ url }: EmailProps) {
  return (
    <Html lang="en">
      <Button href={url}>Click me</Button>
    </Html>
  );
}

3. Convert to HTML and send email

Import the email template you just built, convert into an HTML string, and use the Lettermint SDK to send it.

import { Lettermint } from "lettermint";
import { render } from "react-email";
import { Email } from "./email";

const email = Lettermint.email(process.env.LETTERMINT_SENDING_TOKEN);

const emailHtml = await render(<Email url="https://example.com" />);

await email
  .from("you@example.com")
  .to("user@gmail.com")
  .subject("hello world")
  .html(emailHtml)
  .send();

Try it yourself

Lettermint example

See the full source code.