Ich werde React-E-Mail-Vorlagen mit Resend-Integration erstellen


Über diesen Service
Automatische Übersetzung
Deine E-Mails sollten nicht aussehen, als kämen sie aus dem Jahr 2010.
Ich erstelle produktionsreife Transaktions-E-Mails mit React Email und Resend, dem modernen Stack, der von Linear, Vercel, Notion und Raycast verwendet wird.
JEDES PAKET ENTHÄLT
- Moderne React + Tailwind E-Mail-Komponenten
- Rendern perfekt in Gmail, Outlook, Apple Mail Dark Mode, Yahoo
- Voll responsiv auf Mobilgeräten
- Props mit TypeScript-Typen
- Vorschautext optimiert für den Posteingang
- Alternativtext bei jedem Bild
- Quellcode mit Dokumentation
VON MIR ERSTELLTE VORLAGEN
Willkommens- und Onboarding-Serie, Passwort-Reset, Magic Link, Bestellbestätigung, Rechnung, Ablauf des Testzeitraums, Abonnementquittungen, individuelle Transaktionsflüsse.
STACK
React Email, Resend, TypeScript, Tailwind, Next.js, Node.js
WARUM RESEND
Wenn du Mailchimp, SendGrid oder Mailgun nutzt, ist Resend sauberer, schneller und für Entwickler um 10x angenehmer. Ich kann beim Umzug helfen.
DEINE INFRASTRUKTUR
Du stellst den Resend API-Schlüssel und die Domain bereit. Ich arbeite als Kollaborateur, Passwörter werden nie geteilt. Deine Domain, dein Konto, deine Abrechnung.
UM ANZUFAHREN
Sende mir die Vorlage-Liste, Markenfarben, Logo und Tonfallpräferenz. Kostenloses Angebot innerhalb von 24h.
Lass uns deine E-Mails schön machen.
Lerne Vitalii B kennen
Web developer
- AusUkraine
- Mitglied seitApr. 2022
- Letzte Lieferung2 Jahre
Sprachen
Ukrainisch, Englisch
Automatische Übersetzung
Mein Portfolio
Meine weiteren Dienstleistungen im Bereich Software-Entwicklung
FAQ
Automatische Übersetzung
Was ist der Unterschied zwischen React Email und traditionellen HTML-E-Mails?
React Email ermöglicht es mir, E-Mails in React und Tailwind zu schreiben, die dann in HTML kompiliert werden und in allen E-Mail-Clients funktionieren. Saubererer Code, leichter zu pflegen, kein Kampf mehr mit Tabellenlayouts von 2003. Das gleiche Endergebnis, viel bessere Entwicklererfahrung für dich und dein Team.
Werden meine E-Mails in Outlook korrekt angezeigt?
Ja. React Email generiert automatisch Outlook-kompatible Fallbacks für jede Komponente. Ich teste manuell in Outlook.com, Gmail, Apple Mail im Dark Mode und Yahoo vor der Auslieferung. Falls nach der Auslieferung Darstellungsprobleme auftreten, behebe ich sie kostenlos innerhalb deines Überarbeitungsfensters.
Ich nutze Mailchimp oder SendGrid – kannst du mich zu Resend migrieren?
Ja. Resend ist in der Regel 30-50 % günstiger bei vergleichbarem Volumen und bietet eine viel bessere Entwicklererfahrung. Ich helfe beim Einrichten deiner Domain in Resend und beim Migrieren der Vorlagen. Die Migration ist unkompliziert – Resend wurde von Anfang an so gebaut, dass es einfacher ist als Mailchimp.
Muss ich Next.js nutzen, damit das funktioniert?
Nein. React Email kompiliert zu einfachem HTML, das mit jedem Backend (Node.js, Python, Ruby, PHP, Go) über die Resend REST API funktioniert. Next.js macht die Integration nur angenehmer, weil wir die gleichen React-Muster verwenden. Wenn du eine andere Stack nutzt, passe ich die Integration an dein Backend an.
Brauche ich schon ein Resend-Konto?
Nicht unbedingt. Du erstellst eins vor der Auslieferung – dauert 5 Minuten, die kostenlose Stufe deckt 100 E-Mails pro Tag und 3000 pro Monat ab. Du brauchst auch DNS-Zugriff auf deine Versanddomain, um SPF, DKIM, DMARC Records zu verifizieren. Das Premium-Paket enthält eine vollständige Setup-Anleitung dafür.
Was ist mit Marketing-E-Mails und Newslettern?
Ich konzentriere mich auf Transaktions-E-Mails – Willkommensserien, Quittungen, Passwort-Resets, Benachrichtigungen. Für komplexe Marketingkampagnen mit Segmentierung (Mailchimp oder Klaviyo) sind andere Anbieter besser geeignet. Ich kann einzelne gut gestaltete Newsletter als Einzeltvorlagen erstellen.
Bekomme ich eine Video-Durchführung der Vorlagen?
Ich liefere detaillierte schriftliche Dokumentation mit Screenshots statt Video – die meisten Kunden finden das nützlicher (durchsuchbar, leicht zu überfliegen, einfach mit dem Team zu teilen). Jede Lieferung enthält README, USAGE.md und gerenderte Vorschauen jeder Vorlage in Light- und Dark-Mode.
Was, wenn ich nach der Lieferung mehr Vorlagen brauche?
Zwei Optionen. Einmalig: jederzeit eine zusätzliche Vorlage bestellen (40 $ pro Vorlage). Laufend: 50 $ pro Monat deckt bis zu einer neuen Vorlage pro Monat plus kleinere Änderungen an bestehenden. Die meisten Kunden nutzen das Retainer-Modell, nachdem der erste Satz fertiggestellt ist.

