> ## Documentation Index > Fetch the complete documentation index at: https://trigger.dev/docs/llms.txt > Use this file to discover all available pages before exploring further. # Send emails using React Email > Learn how to send beautiful emails using React Email and Trigger.dev. ## Overview This example demonstrates how to use Trigger.dev to send emails using [React Email](https://react.email/). This example uses [Resend](https://resend.com) as the email provider. You can use other email providers like [Loops](https://loops.so) or [SendGrid](https://sendgrid.com) etc. Full list of their integrations can be found [here](https://react.email/docs/introduction#integrations). ## Task code This email is built using React components. To use React components in your task, it must be a .tsx file. ```tsx trigger/sendReactEmail.tsx theme={"theme":"css-variables"} import { Body, Button, Container, Head, Heading, Html, Preview } from "@react-email/components"; import { logger, task } from "@trigger.dev/sdk"; import { Resend } from "resend"; // Initialize Resend client const resend = new Resend(process.env.RESEND_API_KEY); // React Email template component const EmailTemplate = ({ name, message }: { name: string; message: string }) => ( New message from {name} Hello from Acme Inc.

Hi {name},

{message}

 ); export const sendEmail = task({ id: "send-react-email", run: async (payload: { to: string; name: string; message: string; subject: string; from?: string; }) => { try { logger.info("Sending email using React.email and Resend", { to: payload.to, }); // Send the email using Resend const { data, error } = await resend.emails.send({ // The from address needs to be a verified email address you own from: payload.from || "email@acmeinc.com", // Default from address to: payload.to, subject: payload.subject, react: , }); if (error) { logger.error("Failed to send email", { error }); throw new Error(`Failed to send email: ${error.message}`); } logger.info("Email sent successfully", { emailId: data?.id }); // Return the response from Resend return { id: data?.id, status: "sent", }; } catch (error) { logger.error("Unexpected error sending email", { error }); throw error; } }, }); ``` ## The email This example email should look like this: React Email This is just a simple implementation, you can customize the email to be as complex as you want. Check out the [React email templates](https://react.email/templates) for more inspiration. ## Testing your task To test this task in the [dashboard](https://cloud.trigger.dev), you can use the following payload: ```json theme={"theme":"css-variables"} { "to": "recipient@example.com", "name": "Jane Doe", "message": "Thank you for signing up for our service!", "subject": "Welcome to Acme Inc." } ``` ## Deploying your task Deploy the task to production using the Trigger.dev CLI `deploy` command. ## Using Cursor / AI to build your emails In this video you can see how we use Cursor to build a welcome email. We recommend using our [Cursor rules](https://trigger.dev/changelog/cursor-rules-writing-tasks/) to help you build your tasks and emails. #### Video: creating a new email template using Cursor