diff --git a/docs/docs.json b/docs/docs.json index 14bd127e8f..aa66a25efe 100644 --- a/docs/docs.json +++ b/docs/docs.json @@ -332,14 +332,15 @@ "guides/examples/open-ai-with-retrying", "guides/examples/pdf-to-image", "guides/examples/puppeteer", + "guides/examples/react-pdf", + "guides/examples/react-email", + "guides/examples/resend-email-sequence", + "guides/examples/satori", "guides/examples/scrape-hacker-news", "guides/examples/sentry-error-tracking", "guides/examples/sharp-image-processing", "guides/examples/supabase-database-operations", "guides/examples/supabase-storage-upload", - "guides/examples/react-pdf", - "guides/examples/react-email", - "guides/examples/resend-email-sequence", "guides/examples/vercel-ai-sdk", "guides/examples/vercel-sync-env-vars" ] diff --git a/docs/guides/examples/react-email.mdx b/docs/guides/examples/react-email.mdx index 0abd7efb76..afd4060939 100644 --- a/docs/guides/examples/react-email.mdx +++ b/docs/guides/examples/react-email.mdx @@ -6,11 +6,11 @@ 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 - providers like [SendGrid](https://sendgrid.com) or [Loops](https://loops.so) as well. Full list of + 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). @@ -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 template using Cursor + +