Resend Has a Free Email API — Here's How to Send Beautiful Transactional Emails in TypeScript

SendGrid is bloated. Mailgun is complex. Resend makes sending emails as simple as calling a function. What is Resend? Resend is a modern email API built for developers. Send transactional emails with React components as templates. Created by the team behind React Email. Free Tier 100 emails/day 3,000 emails/month 1 custom domain Full API access Quick Start bun add resend import { Resend } from ' resend ' ; const resend = new Resend ( process . env . RESEND_API_KEY ); await resend . emails . send ({ from : ' hello@yourdomain.com ' , to : ' user@example.com ' , subject : ' Welcome to MyApp! ' , html : ' <h1>Welcome!</h1><p>Thanks for signing up.</p> ' , }); React Email Templates bun add @react-email/components // emails/welcome.tsx import { Html , Head , Body , Container , Text , Button , Heading } from ' @react-email/components ' ; export function WelcomeEmail ({ name , loginUrl }: { name : string ; loginUrl : string }) { return ( < Html > < Head /> < Body style = { { fontFamily : ' Ari