Overview

This project is a starter kit of e-commerce transactional email templates built with Resend + React Email.

The idea came from a simple observation: every purchase triggers a predictable sequence of emails (order created, payment confirmed, shipped, delivered). I looked for a ready-made template for this flow and couldn’t find one, so I built it.

What’s included

• 4 transactional templates (core purchase flow)
• UI to configure and preview emails
• Action to send a test email using the Resend API
• Automated tests for utilities and template rendering

Getting started

1. Clone the repository

   git clone <https://github.com/imnotannamaria/resend-ecommerce.git>

2. Install dependencies

   npm install

3. Configure the API key

   Create/edit .env.local:

   RESEND_API_KEY=re_xxxxxxxxx

4. Run the project

   npm run dev

5. Open in the browser

   Go to http://localhost:3000 to preview, customize, and send templates.

Tech stack

Most of the technologies used here match Resend’s internal stack.

Reference:

http://resend.com/handbook/engineering/what-is-our-tech-stack