How to Send Transactional Email with Resend in Any App

Resend is the new Postmark/Mailgun — built by the Vercel team, easy as a fetch call, great deliverability. Here is the full integration.

Resend has become the default for transactional email — clean API, great DX, free tier covers most startups. Here's the full setup.

Why Resend over SendGrid/Mailgun

Step 1: Add a domain (5 min)

resend.com → Domains → Add Domain → yourdomain.com. Resend gives you 4 DNS records (SPF, DKIM, DMARC, MX optional). Add them at your DNS host. Wait 5-30 minutes for verification.

Step 2: Get an API key

API Keys → Create API Key → save it (re_abc123...)

Step 3: Send (Node)

fetch('https://api.resend.com/emails', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json',
    'Authorization': 'Bearer re_abc123...'
  },
  body: JSON.stringify({
    from: 'hello@yourdomain.com',
    to: 'user@example.com',
    subject: 'Welcome!',
    html: '<p>Thanks for signing up.</p>'
  })
});

That's it. No SMTP config, no Mailgun complexity.

React Email templates

npm i react-email @react-email/components
// emails/welcome.tsx
import { Html, Heading } from '@react-email/components';
export default ({ name }) => (
  <Html>
    <Heading>Welcome, {name}!</Heading>
  </Html>
);

Render server-side, pass HTML to Resend. Done.

Webhooks for delivery tracking

Resend can push webhook events (delivered, bounced, opened, clicked) to your endpoint. Add at Webhooks → Add Endpoint. Useful for "did this email actually arrive?" debugging.

When Resend doesn't fit

For transactional in 2026, Resend is the answer.

Need this built for you?

Hire a vetted Nexora expert. Escrow-protected. Fixed price. From $65.

Browse automation services →