DEV Community

Alex Spinov
Alex Spinov

Posted on

Resend Has a Free API: The Email Platform Built for Developers Who Are Tired of SendGrid and Mailgun

#resend #email #api #webdev

Sending emails should not require reading 50 pages of documentation. Resend gives you a clean API, React email templates, and reliable delivery — without the enterprise complexity of SendGrid or Mailgun.

What Is Resend?

Resend is an email API built for developers. It focuses on what developers actually need: a simple API, great deliverability, React-based email templates, and webhook notifications. No XML configuration, no SMTP wrestling.

The Free API

Resend offers a free tier:

  • Free plan: 3,000 emails/month, 100 emails/day
  • REST API: Send emails with one API call
  • React Email: Build templates with React components
  • SDKs: Node.js, Python, Go, Ruby, PHP, Elixir
  • Webhooks: Delivery, bounce, complaint notifications
  • Custom domains: Send from your own domain
  • Analytics: Open rates, click tracking

Quick Start

Install the SDK:

npm install resend
Enter fullscreen mode Exit fullscreen mode

Send an email:

import { Resend } from 'resend';

const resend = new Resend('re_your_api_key');

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

Use React Email templates:

npm install @react-email/components
Enter fullscreen mode Exit fullscreen mode 
import { Html, Head, Body, Container, Text, Button, Img } from '@react-email/components';

export function WelcomeEmail({ name, loginUrl }) {
  return (
    <Html>
      <Head />
      <Body style={{ fontFamily: 'sans-serif', padding: '20px' }}>
        <Container>
          <Img src="https://yourdomain.com/logo.png" width={120} />
          <Text style={{ fontSize: '24px', fontWeight: 'bold' }}>
            Welcome, {name}!
          </Text>
          <Text>
            Your account is ready. Click below to get started.
          </Text>
          <Button
            href={loginUrl}
            style={{
              backgroundColor: '#3498db',
              color: 'white',
              padding: '12px 24px',
              borderRadius: '6px',
            }}
          >
            Go to Dashboard
          </Button>
        </Container>
      </Body>
    </Html>
  );
}
Enter fullscreen mode Exit fullscreen mode

Send with React template:

import { WelcomeEmail } from './emails/welcome';

await resend.emails.send({
  from: 'hello@yourdomain.com',
  to: 'user@example.com',
  subject: 'Welcome!',
  react: WelcomeEmail({ name: 'John', loginUrl: 'https://app.com/login' }),
});
Enter fullscreen mode Exit fullscreen mode

Why Developers Choose Resend

A SaaS startup spent 2 weeks integrating SendGrid. Between API keys, domain verification, template engines, and suppression list management, they wrote more email infrastructure code than product code. With Resend, they sent their first email in 5 minutes, built templates in React (which they already knew), and had transactional emails working in production by end of day.

Who Is This For?

  • Developers who want to send emails without enterprise complexity
  • React developers wanting email templates in familiar syntax
  • Startups needing reliable email delivery at a fair price
  • Teams migrating from SendGrid/Mailgun for a better DX

Start Sending Emails

Resend makes email simple again. Clean API, React templates, reliable delivery.

Need help with email infrastructure or transactional messaging? I build custom communication solutions — reach out to discuss your project.

Found this useful? I publish daily deep-dives into developer tools and APIs. Follow for more.

Top comments (0)