Resend: developer-first Mail-API mit React-Email-Templates

Was ist Resend?

Resend ist ein US-amerikanischer Mail-Versand-Dienst, gegründet 2023 vom Team hinter „React Email" (eine 2022 veröffentlichte Open-Source-Library für typsichere E-Mail-Templates in React). Resend ist die kommerzielle Versand-Plattform zu dieser Library und verfolgt das Design-Prinzip „Developer Experience First" -- klare API, exzellente Dokumentation, TypeScript-SDK mit voller Type-Inference, und ein UI, das nach 2024-Standards gebaut ist (Linear-ähnlich, dunkles Theme, schnelle Suche).

Der Mehrwert gegenüber SendGrid oder Mailgun liegt im Tooling-Stack: React-Email erlaubt Templates als React-Komponenten zu schreiben, mit MJML-ähnlichem Layout-Engine und Hot-Reload-Vorschau im Browser. Resend rendert das React-Component zur Sendezeit serverseitig zu HTML und versendet -- damit ist die Template-Pflege kein „uebler HTML-Tabellen-Editor" mehr, sondern moderner React-Code mit Komponenten-Wiederverwendung. Für Startups mit React/Next.js-Stack ist das ein echter Produktivitäts-Gewinn.

Im Mai 2026 hostet Resend primär in den USA (AWS us-east-1, Virginia). Eine EU-Region (`api.eu.resend.com`, AWS eu-west-1 Irland) wurde Anfang Mai 2026 in Beta freigeschaltet -- bei Domain-Anlage wählbar, mit separatem Auftragsverarbeitungs-Vertrag. Stand 23. Mai 2026 ist die EU-Region noch Beta, aber Resend kommuniziert offen, dass General Availability für Q3 2026 geplant ist.

Preise (Mai 2026): Free 3.000 Mails/Monat plus 100 pro Tag (sehr grosszügig im Vergleich zu Postmark Free 100/Monat), Pro USD 20/Monat für 50.000 Mails, Scale USD 90/Monat für 100.000 Mails plus dedizierte IP, Enterprise individuell. Free-Tier verlangt verifizierte Sender-Domain, nicht nur Konto-Mail -- damit werden Hobby-Spam-Accounts vermieden.

Warum es für KMU zählt

Resend ist für drei spezifische Fälle relevant: Startups mit Next.js/React-Stack, modernes Template-Tooling und sehr grosszügige Free-Tier-Anreize.

Next.js-Stack-Affinität: Wer ein Next.js-15-Projekt mit App Router und TypeScript baut, kann Resend mit drei Zeilen einbinden. Das offizielle `resend`-NPM-Paket exportiert eine Klasse `Resend`, die direkt aus einer Server Action oder einem Route Handler gerufen wird. Templates leben als React-Komponenten im selben Repo -- kein Wechsel in eine externe Template-IDE nötig. Für ein Startup mit Vercel-Hosting und Resend-Mail ist der gesamte E-Mail-Pfad innerhalb von 30 Minuten produktiv.

React-Email-Library: Die zugrundeliegende Library `@react-email/components` bietet vorgebaute Komponenten (`<Container>`, `<Section>`, `<Heading>`, `<Button>`, `<Img>`) mit garantierter Outlook/Gmail-/Yahoo-Kompatibilität. Damit entfällt der klassische Schmerz von HTML-Mail (Tabellen-Layouts, inline-CSS-Hacks, Outlook-spezifische Conditional Comments). Das Hot-Reload-Preview im Browser lässt Templates schnell iterieren.

Free-Tier: 3.000 Mails pro Monat ist die grosszügigste produktiv nutzbare Free-Schwelle am Markt. Ein kleines Treuhand-Büro mit 80 Mandanten und 1.500 Quartal-Reminder-Mails pro Quartal nutzt Resend kostenlos -- ohne künstliche Limits wie bei Postmark Free (100/Monat) oder SendGrid Free (100/Tag mit CC-Pflicht). Free-Tier erlaubt allerdings keine dedizierte IP und keine Marketing-Streams.

Der grosse Vorbehalt für CH-Treuhand: Resend ist ein US-Anbieter. Die EU-Region ist Stand Mai 2026 noch in Beta -- für Mandantengeheimnis (StGB Art. 321) und revFADP-Auftragsverarbeitung ist eine General-Availability-Region nötig, sonst muss eine TIA gemacht werden. Empfehlung: Resend in der Beta testen, für Produktion mit Mandantendaten bis GA warten oder Brevo/Mailjet (EU-First) als Brücke nutzen.

Wie es funktioniert

Resend exponiert SMTP-Relay, HTTPS-API und SDKs in TypeScript, Python, Go, Ruby, PHP.

SMTP-Relay: Host `smtp.resend.com`, Port 587 STARTTLS oder 465 SMTPS, User `resend`, Pass der API-Key-String.

HTTPS-API: Endpunkt `https://api.resend.com/emails` (oder `https://api.eu.resend.com/emails` ab Mai 2026 in Beta), Header `Authorization: Bearer <API-Key>`. cURL-Beispiel:

``` curl -X POST "https://api.resend.com/emails" \ -H "Authorization: Bearer ${RESEND_API_KEY}" \ -H "Content-Type: application/json" \ -d '{ "from": "Kanzlei Müller <rechnung@kanzlei-müller.ch>", "to": ["[email protected]"], "subject": "Mahnung Nr. 2 - Rechnung 2026-104", "text": "Sehr geehrte Frau Berger, ...", "tags": [{ "name": "category", "value": "dunning-stage-2" }] }' ```

TypeScript-SDK (das DX-Highlight):

``` import { Resend } from "resend"; import { InvoiceReminderEmail } from "@/emails/invoice-reminder";

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

await resend.emails.send({ from: "Kanzlei Müller <rechnung@kanzlei-müller.ch>", to: "[email protected]", subject: "Mahnung Nr. 2 - Rechnung 2026-104", react: InvoiceReminderEmail({ amount: "CHF 1450.00", dueDate: "30. Mai 2026" }), }); ```

Das `react`-Feld nimmt eine React-Komponente entgegen, die zur Sendezeit serverseitig zu HTML gerendert wird. TypeScript prüft die Props der Komponente zur Compile-Zeit -- ein vergessener Pflicht-Prop wird sofort vom Compiler bemerkt.

DNS-Setup: Resend verlangt drei DNS-Records: MX (`feedback-smtp.eu-west-1.amazonses.com` Priority 10, für Bounce-Returns), SPF (`v=spf1 include:amazonses.com ~all` -- Resend nutzt SES unter der Haube für den Versand), DKIM (TXT, Resend-generierter Selector). DMARC: vom Domain-Owner. Im Dashboard pro Domain ein „Status: Verified"-Indikator.

Webhooks: Im Dashboard unter „Webhooks" Endpunkt eintragen, Events auswählen (sent, delivered, bounced, complained, opened, clicked, delivery_delayed). HMAC-SHA256-Signatur via Svix (Resend nutzt Svix als Webhook-Infrastruktur).

Monitoring: Dashboard liefert Echtzeit-Liste mit Filtern (Status, Tag, Empfänger). „Email Activity"-Suche per Subject oder Empfänger. Statistik-API erlaubt JSON-Export pro Tag/Tag-Group/Empfänger -- ideal für Grafana.

Resend-Setup in 5 Schritten

1. 01Resend-Account anlegen, falls verfügbar EU-Region (Beta) bei Domain-Anlage wählen.
2. 02API-Key im Dashboard generieren (Full Access oder Sending Only), in .env (RESEND_API_KEY) ablegen.
3. 03Drei DNS-Records (MX, SPF, DKIM) in Cloudflare als DNS-only setzen, Domain-Status auf „Verified" warten.
4. 04`npm install resend @react-email/components` -- erste Template-Komponente schreiben, mit `resend.emails.send({ react: ... })` versenden.
5. 05Webhooks für bounced und complained einrichten, Svix-Signatur verifizieren, Mail-Tester.com 10/10 verifizieren.

Wann Resend passt

Resend ist die richtige Wahl, wenn (a) der Stack Next.js / React / TypeScript ist, (b) Templates als Code (statt als HTML-Editor) gepflegt werden sollen und (c) ein grosszügiger Free-Tier für MVP- oder Startup-Phase nötig ist.

Konkrete Fälle: Ein YC-Startup mit Next.js und Vercel braucht Mail-Versand für Signup-Confirmations und Password-Resets -- Resend in 30 Minuten produktiv. Ein internes Tool für eine Treuhand-Kanzlei (z.B. Mandanten-Onboarding-Workflow) bleibt unter 3.000 Mails/Monat und ist kostenlos. Ein SaaS-Produkt mit komplexen Mail-Templates (Audit-Reports, Quartal-Statements) profitiert von React-Email -- Templates wiederverwenden, Brand-Konsistenz erzwingen.

Für DACH-Setups: EU-Region in Beta testen, für Produktion mit Mandantendaten bis GA Q3 2026 warten. Alternativ: Resend für Anwendungen ohne Mandantendaten (z.B. internes Notification-Tool), Brevo oder Mailjet für Mandanten-Mails.

Wann NICHT

Resend ist die falsche Wahl, wenn (a) Mandantendaten in Mail-Bodies vorkommen und EU-/CH-Hosting verlangt wird (EU-Region ist Stand Mai 2026 noch Beta), (b) maximale Zustellrate für Mahn-Mails gefragt ist (Postmark schlägt Resend leicht, gemessen 97 vs 99 Prozent in 2026-Tests) oder (c) das Volumen über 500.000 Mails pro Monat liegt -- ab dort wird Amazon SES klar wirtschaftlicher.

Weitere Fallen: Resend in Produktion mit Mandantendaten ohne TIA fahren -- US-Hosting verlangt revFADP-Folgenabschätzung. Templates als Plain-HTML schreiben statt React-Email zu nutzen -- der wesentliche Resend-Mehrwert geht verloren. Webhooks ohne Svix-Signatur-Verifizierung verarbeiten -- Spoofing-Risiko. Free-Tier mit 3.000 Mails/Monat in Produktion vergessen und dann über das Limit laufen -- weitere Mails werden 429 abgewiesen, kein Soft-Limit.

Vor- und Nachteile

Häufige Fragen

Verwandte Themen

Quellen

1. Resend Pricing 2026 · 2026-05
2. React Email Documentation · 2026-04
3. Resend EU Region Beta Announcement · 2026-05
4. Resend API Reference -- Send Email · 2026-05