Send email using eusend

1. Install dependencies

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

npm install @eusend_dev/sdk react-email

yarn add @eusend_dev/sdk react-email

pnpm add @eusend_dev/sdk react-email

bun add @eusend_dev/sdk 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. Send email

Pass your template to the react prop and the eusend SDK renders it to HTML locally before sending, so the JSX never leaves your machine.

Import the email template you just built and use the eusend SDK to send it.

import { Eusend } from "@eusend_dev/sdk";
import { Email } from "./email";

const eusend = new Eusend(process.env.EUSEND_API_KEY);

await eusend.emails.send({
  from: "you@example.com",
  to: "user@gmail.com",
  subject: "hello world",
  react: <Email url="https://example.com" />,
});

Try it yourself

eusend example

See the full source code.

Overview

Getting Started

Guides

Components

Utilities

Integrations

Contributing

Send email using eusend

1. Install dependencies

2. Create an email using React

3. Send email

Try it yourself

eusend example

​1. Install dependencies

​2. Create an email using React

​3. Send email

​Try it yourself

eusend example

1. Install dependencies

2. Create an email using React

3. Send email

Try it yourself