1
Create it!
Write your email template in JSX. Customize it with your own styles and components.
import { Section, Button } from "jsx-email";
export const Email = ({ url }) => {
return (
<Section>
<Button href={url}>Click me!</Button>
</Section>
);
};
2
Convert it!
Write your email template in JSX. Customize it with your own styles and components.
import { render } from "jsx-email";
import { Email } from "./email";
const body = render(<Email url={"https://useplunk.com"} />);
3
Send it!
Write your email template in JSX. Customize it with your own styles and components.
import Plunk from "@plunk/node";
const plunk = new Plunk(process.env.PLUNK_API_KEY);
plunk.emails.send({
to: "hello@useplunk.com",
subject: "Hello world!",
body,
});