From 190a2fc4886e3f7c1dcfd58087e6d5e7d1d91fa1 Mon Sep 17 00:00:00 2001 From: D-K-P <8297864+D-K-P@users.noreply.github.com> Date: Thu, 3 Apr 2025 15:41:14 +0100 Subject: [PATCH 1/6] Improved the react email docs and added a video --- docs/guides/examples/react-email.mdx | 185 ++++++++++++++++++++++++++- docs/images/react-email-welcome.png | Bin 0 -> 53584 bytes 2 files changed, 183 insertions(+), 2 deletions(-) create mode 100644 docs/images/react-email-welcome.png diff --git a/docs/guides/examples/react-email.mdx b/docs/guides/examples/react-email.mdx index 0abd7efb76..507610eb76 100644 --- a/docs/guides/examples/react-email.mdx +++ b/docs/guides/examples/react-email.mdx @@ -6,7 +6,7 @@ description: "Learn how to send beautiful emails using React Email and Trigger.d ## Overview -This example demonstrates how to use Trigger.dev to send emails using React Email. +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 @@ -98,7 +98,7 @@ export const sendEmail = task({ }); ``` -## How the email should look +## The email This example email should look like this: ![React Email](/images/react-email.png) @@ -121,3 +121,184 @@ To test this task in the [dashboard](https://cloud.trigger.dev), you can use the ## 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 using Cursor + +