Resend Has a Free API — Modern Email Sending Built for Developers

#email #typescript #webdev #saas

What if sending emails from your app was as simple as calling a function — with React components for templates?

Resend is an email API built for developers. It pairs with React Email to let you build email templates in React.

Why Resend

Simple API — send email with one function call
React Email — build templates with React components
High deliverability — proper DKIM, SPF, DMARC handling
Webhooks — track opens, clicks, bounces, complaints
Multiple domains — send from any verified domain
Free tier — 3,000 emails/month, 100/day

Quick Start

npm install resend

import { Resend } from "resend";

const resend = new Resend(process.env.RESEND_API_KEY);

await resend.emails.send({
  from: "hello@yoursite.com",
  to: "user@example.com",
  subject: "Welcome to our platform!",
  html: "<h1>Welcome!</h1><p>Thanks for signing up.</p>",
});

React Email Templates

// emails/welcome.tsx
import { Html, Head, Body, Container, Text, Button } from "@react-email/components";

export function WelcomeEmail({ name }: { name: string }) {
  return (
    <Html>
      <Head />
      <Body style={{ fontFamily: "sans-serif" }}>
        <Container>
          <Text>Hi {name},</Text>
          <Text>Welcome to our platform! Get started by setting up your profile.</Text>
          <Button href="https://yoursite.com/profile" style={{ background: "#000", color: "#fff", padding: "12px 24px" }}>
            Set Up Profile
          </Button>
        </Container>
      </Body>
    </Html>
  );
}

import { WelcomeEmail } from "@/emails/welcome";
import { render } from "@react-email/render";

await resend.emails.send({
  from: "hello@yoursite.com",
  to: "user@example.com",
  subject: "Welcome!",
  react: WelcomeEmail({ name: "Alice" }),
});

Real Use Case

A SaaS used SendGrid with Handlebars templates. Email templates were stored as strings in a database — no syntax highlighting, no type checking, no preview. After switching to Resend + React Email, templates became React components with hot reload preview. Designers could review emails in Storybook.

When to Use Resend

Transactional emails (welcome, password reset, notifications)
Apps needing beautiful email templates
React/Next.js projects wanting React-based email design
Teams tired of complex email service configuration

Get Started

Visit resend.com — free tier, developer-friendly docs.

Need custom data pipelines or scraping solutions? Check out my Apify actors or email me at spinov001@gmail.com for custom solutions.

DEV Community