skills.rest
gengirish
gengirishCOMMUNITY
Explore all skills by this author →
GitHub

react-email-resend

Create React Email templates and send transactional emails via Resend.

Updated Mar 31, 2026
Search Tags:#typescript#e-commerce#email templates#resend#react-email#transactional email#order notifications
One-click install
npx skills add https://github.com/gengirish/dropflow --skill react-email-resend-gengirish
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: react-email-resend
Source: https://github.com/gengirish/dropflow/tree/main/.cursor/skills/react-email-resend
Command: npx skills add https://github.com/gengirish/dropflow --skill react-email-resend-gengirish

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires react-email, @react-email/components, resend.

What problem does it solve? Building and sending transactional emails like order confirmations, shipping updates, and invoices requires consistent templates and a reliable delivery API, which is tedious to wire up from scratch for every e-commerce event. ## Core Features & Use Cases - React Email Templates: Compose type-safe email components with @react-email/components including preview text, buttons, and itemized order tables. - Resend Delivery: Send rendered React templates through the Resend API with typed props for orders, shipments, and invoices. - Use Case: When a shipment is created in the DropFlow worker, generate an order-shipped email with tracking link, carrier, and itemized totals, then deliver it to the buyer with the order number in the subject line. ## Quick Start Ask the AI to create a React Email template for order confirmations and send it through Resend using the pattern in this skill.

Frequently Asked Questions about react-email-resend

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I send React Email templates with Resend?▼

Create a Resend client with your API key and call resend.emails.send with the react field set to your rendered template component. Pass typed props like order number, tracking URL, and items directly into the component function.

How to preview React Email templates locally during development?▼

Run npx react-email dev inside the worker app directory. This opens a browser preview at localhost:3001 where you can iterate on templates with live reloading before deploying.

What packages are needed for React Email with Resend?▼

Install resend and @react-email/components as runtime dependencies, plus react-email as a dev dependency for the preview server. The templates use components like Html, Body, Container, Button, Row, and Column.

Can Resend track email delivery and bounce events?▼

Yes, Resend supports webhooks to track delivery and bounce events for sent emails. Configure webhook endpoints in your worker to receive these events and update order or notification state accordingly.

What data should not be included in transactional emails?▼

Never include sensitive data such as payment details or GSTIN in the email body. Keep transactional emails limited to order numbers, item summaries, tracking links, and formatted totals.

Related Skills

Explore More Software Engineering Skills→
tark-aitark-ai

ce-orders

Automate Commerce Engine order workflows from creation to refunds.

Official
Advanced
telum-aitelum-ai
2

resend-integration

Integrate Resend transactional email delivery with React Email templates and webhook events.

Official
Intermediate
sixerssixers

fakturownia-invoice-send-email

Send a Fakturownia invoice by ID to an email address with optional PDF attachment.

Community
Intermediate
travisjneumantravisjneuman
88

email-systems

Manage transactional and marketing email systems with Resend, SendGrid, and SES.

Community
Advanced