Resend

www.resend.com

Send emails & React emails using Resend's email service.

Using our official Resend integration

Create any tasks possible with the Resend API.

Use io.runTask() and the official SDK or fetch.

Example code using Resend

Below are some working code examples of how you can use Resend with Trigger.dev. These samples are open source and maintained by the community, you can copy and paste them into your own projects.

Send a drip email campaign over 30 days, triggered by an event.Send an email built using React with Resend.Send a basic email with Resend.Supabase onboarding emails with Resend.

1
import { TriggerClient, eventTrigger } from "@trigger.dev/sdk";
2
import { Resend } from "@trigger.dev/resend";
3
import { z } from "zod";
4

5
// react-email imports
6
import { Html } from "@react-email/html";
7
import { Head } from "@react-email/head";
8
import { Text } from "@react-email/text";
9
import { Button } from "@react-email/button";
10
import { Section } from "@react-email/section";
11
import { Preview } from "@react-email/preview";
12
import { Container } from "@react-email/container";
13
const resend = new Resend({
14
  id: "resend",
15
  apiKey: process.env.RESEND_API_KEY!,
16
});
17

18
// Email styling
19
const container = {
20
  width: "480px",
21
  margin: "0 auto",
22
  padding: "20px 0 48px",
23
};
24

25
const title = {
26
  fontSize: "24px",
27
  lineHeight: 1.25,
28
};
29

30
const section = {
31
  padding: "24px",
32
  border: "solid 1px #dedede",
33
  borderRadius: "5px",
34
  textAlign: "center" as const,
35
};
36

37
const text = {
38
  margin: "0 0 10px 0",
39
  textAlign: "left" as const,
40
};
41

42
const button = {
43
  fontSize: "14px",
44
  font: "bold",
45
  backgroundColor: "#28a745",
46
  color: "#fff",
47
  lineHeight: 1.5,
48
  borderRadius: "0.2em",
49
  textAlign: "center" as const,
50
};
51

52
function BasicEmail({ name, text }: { name: string; text: string }) {
53
  return (
54
    <Html>
55
      <Head />
56
      <Preview>Welcome to Acme Inc!</Preview>
57
      <Container style={container}>
58
        <Section style={section}>
59
          <Text>Hey {name}!</Text>
60
          <Text>{text}</Text>
61
          <Button style={button} pY={4} pX={4} href="https://acmecompany.inc/">
62
            Get started
63
          </Button>
64
        </Section>
65
      </Container>
66
    </Html>
67
  );
68
}
69

70
// This job sends a basic email built using React and Typescript
71
client.defineJob({
72
  id: "resend-send-react-email",
73
  name: "Resend: send react email",
74
  version: "1.0.0",
75
  trigger: eventTrigger({
76
    name: "send.email",
77
    schema: z.object({
78
      to: z.string(),
79
      subject: z.string(),
80
      text: z.string(),
81
      name: z.string(),
82
      // The 'from' email address must be a verified domain in your Resend account.
83
      from: z.string(),
84
    }),
85
  }),
86
  integrations: {
87
    resend,
88
  },
89
  run: async (payload, io, ctx) => {
90
    await io.resend.sendEmail("send-email", {
91
      to: payload.to,
92
      subject: payload.subject,
93
      text: payload.text,
94
      from: payload.from,
95
      // BasicEmail is the custom React component that will be used to style the email
96
      react: <BasicEmail name={payload.name} text={payload.text} />,
97
    });
98
  },
99
});

Resend

Using our official Resend integration

Example code using Resend

Full-stack Resend example projects

Turn yourself into a Superhero using AI

Login with Supabase Auth, send onboarding emails and store user details

Send an email with Resend when a form is submitted