$ -weight: 500;">npm -weight: 500;">install resend
-weight: 500;">npm -weight: 500;">install resend
-weight: 500;">npm -weight: 500;">install resend
import { Resend } from "resend"; const resend = new Resend("re_YOUR_API_KEY"); await resend.emails.send({ from: "[email protected]", to: "[email protected]", subject: "Welcome to our app!", html: "<h1>Welcome!</h1><p>Thanks for signing up.</p>",
});
import { Resend } from "resend"; const resend = new Resend("re_YOUR_API_KEY"); await resend.emails.send({ from: "[email protected]", to: "[email protected]", subject: "Welcome to our app!", html: "<h1>Welcome!</h1><p>Thanks for signing up.</p>",
});
import { Resend } from "resend"; const resend = new Resend("re_YOUR_API_KEY"); await resend.emails.send({ from: "[email protected]", to: "[email protected]", subject: "Welcome to our app!", html: "<h1>Welcome!</h1><p>Thanks for signing up.</p>",
});
-weight: 500;">npm -weight: 500;">install @react-email/components
-weight: 500;">npm -weight: 500;">install @react-email/components
-weight: 500;">npm -weight: 500;">install @react-email/components
import { Html, Head, Body, Container, Text, Button } from "@react-email/components"; function WelcomeEmail({ name }) { return ( <Html> <Head /> <Body style={{ fontFamily: "sans-serif", background: "#f4f4f5" }}> <Container style={{ padding: "40px", background: "#fff", borderRadius: "8px" }}> <Text style={{ fontSize: "24px", fontWeight: "bold" }}> Welcome, {name}! </Text> <Text>Thanks for joining. Here is what you can do next:</Text> <Button href="https://yourapp.com/dashboard" style={{ background: "#000", color: "#fff", padding: "12px 24px", borderRadius: "6px" }} > Go to Dashboard </Button> </Container> </Body> </Html> );
} // Send it
await resend.emails.send({ from: "[email protected]", to: "[email protected]", subject: "Welcome!", react: <WelcomeEmail name="Alex" />,
});
import { Html, Head, Body, Container, Text, Button } from "@react-email/components"; function WelcomeEmail({ name }) { return ( <Html> <Head /> <Body style={{ fontFamily: "sans-serif", background: "#f4f4f5" }}> <Container style={{ padding: "40px", background: "#fff", borderRadius: "8px" }}> <Text style={{ fontSize: "24px", fontWeight: "bold" }}> Welcome, {name}! </Text> <Text>Thanks for joining. Here is what you can do next:</Text> <Button href="https://yourapp.com/dashboard" style={{ background: "#000", color: "#fff", padding: "12px 24px", borderRadius: "6px" }} > Go to Dashboard </Button> </Container> </Body> </Html> );
} // Send it
await resend.emails.send({ from: "[email protected]", to: "[email protected]", subject: "Welcome!", react: <WelcomeEmail name="Alex" />,
});
import { Html, Head, Body, Container, Text, Button } from "@react-email/components"; function WelcomeEmail({ name }) { return ( <Html> <Head /> <Body style={{ fontFamily: "sans-serif", background: "#f4f4f5" }}> <Container style={{ padding: "40px", background: "#fff", borderRadius: "8px" }}> <Text style={{ fontSize: "24px", fontWeight: "bold" }}> Welcome, {name}! </Text> <Text>Thanks for joining. Here is what you can do next:</Text> <Button href="https://yourapp.com/dashboard" style={{ background: "#000", color: "#fff", padding: "12px 24px", borderRadius: "6px" }} > Go to Dashboard </Button> </Container> </Body> </Html> );
} // Send it
await resend.emails.send({ from: "[email protected]", to: "[email protected]", subject: "Welcome!", react: <WelcomeEmail name="Alex" />,
});
import resend resend.api_key = "re_YOUR_API_KEY" resend.Emails.send({ "from": "[email protected]", "to": "[email protected]", "subject": "Welcome!", "html": "<h1>Welcome!</h1><p>Thanks for signing up.</p>"
})
import resend resend.api_key = "re_YOUR_API_KEY" resend.Emails.send({ "from": "[email protected]", "to": "[email protected]", "subject": "Welcome!", "html": "<h1>Welcome!</h1><p>Thanks for signing up.</p>"
})
import resend resend.api_key = "re_YOUR_API_KEY" resend.Emails.send({ "from": "[email protected]", "to": "[email protected]", "subject": "Welcome!", "html": "<h1>Welcome!</h1><p>Thanks for signing up.</p>"
})
-weight: 500;">curl -X POST "https://api.resend.com/emails" \ -H "Authorization: Bearer re_YOUR_API_KEY" \ -H "Content-Type: application/json" \ -d '{ "from": "[email protected]", "to": "[email protected]", "subject": "Welcome!", "html": "<h1>Hello!</h1>" }'
-weight: 500;">curl -X POST "https://api.resend.com/emails" \ -H "Authorization: Bearer re_YOUR_API_KEY" \ -H "Content-Type: application/json" \ -d '{ "from": "[email protected]", "to": "[email protected]", "subject": "Welcome!", "html": "<h1>Hello!</h1>" }'
-weight: 500;">curl -X POST "https://api.resend.com/emails" \ -H "Authorization: Bearer re_YOUR_API_KEY" \ -H "Content-Type: application/json" \ -d '{ "from": "[email protected]", "to": "[email protected]", "subject": "Welcome!", "html": "<h1>Hello!</h1>" }' - 3,000 emails/month — enough for most side projects
- 100 emails/day sending limit
- React Email — write templates as React components
- Custom domains — send from your own domain
- Webhooks — delivery, open, click, bounce notifications
- REST API + SDKs — Node.js, Python, Go, Ruby, PHP, Elixir
- SMTP support — drop-in replacement for existing setups - 30+ Free APIs Every Developer Should Bookmark
- Algolia Has a Free Tier
- MongoDB Atlas Has a Free Tier
- Auth0 Has a Free Tier
- Cloudinary Has a Free API
- SendGrid Has a Free API
- Stripe Has a Free API
- Supabase Has a Free Tier
- Vercel Has a Free Tier
- NASA Has a Free API
- OpenAI Has a Free API Tier
- PlanetScale Has a Free API
- Upstash Has a Free API
- Neon Has a Free API
