Resend-Integration

Lerne, wie du Resend in deine Lovable-App integrierst

​

Was ist Resend?

Resend ist eine E-Mail-API, die speziell für Entwickler entwickelt wurde. Der Fokus liegt auf hoher Zustellbarkeit, einfacher Integration und einem klaren Developer-Erlebnis für den Versand von Transaktions- und Marketing-E-Mails.

​

Schritt-für-Schritt-Tutorial

In diesem Tutorial baust du in weniger als einer Stunde ein voll funktionsfähiges CRM – einschließlich Lead-Erfassung, E-Mail-Bestätigung, Newsletter-Anmeldung und einem internen Admin-Dashboard. Du wirst Folgendes verwenden:

• Lovable: zum Generieren des Frontends und der Backend-Logik.
• Supabase: für sichere Datenspeicherung und Authentifizierung.
• Resend: um transaktionale + Marketing-E-Mails zu automatisieren und nachzuverfolgen.

Legen wir los.

1. Erstelle eine Landingpage mit einem Kontaktformular

   Nutze die KI von Lovable, um schnell eine Landingpage für dein Produkt oder deine Dienstleistung zu erstellen.

   Anleitung:
2. Formulareinsendungen in Supabase speichern

   Supabase fungiert als deine sichere Backend-Datenbank.
3. Bestätigungs-E-Mails über Resend versenden

   Richte Resend ein, um jedes Mal, wenn ein Lead das Formular absendet, automatisch Bestätigungs-E-Mails zu versenden.
4. Erstelle ein sicheres Admin-Dashboard

   Ermögliche nur authentifizierten Benutzern, Leads anzusehen und zu verwalten.
5. Benutzerdefinierte E-Mail-Antworten des Administrators aktivieren

   Ermögliche deinem Team, personalisierte Follow-ups zu versenden.
6. Newsletter-Anmeldeformular hinzufügen

   Verwende die Audiences von Resend, um Abonnenten zu verwalten und Broadcast-E-Mails zu versenden.

   
7. BONUS: Resend mit Supabase Auth verknüpfen

   

   Möchtest du die standardmäßige E-Mail-Authentifizierung von Supabase verbessern (die auf 4 E-Mails pro Stunde begrenzt ist)?
8. Feinschliff & Best Practices

   

   • Fehlerbehandlung: Lovable kann Build-Fehler anzeigen, die Fehlalarme sind. Teste deine Funktionalität immer live.
   • Zurücksetzen mit Supabase: Wenn du Code in Lovable zurücksetzt, denke daran, zugehörige Supabase-Policies oder -Migrationen manuell zu löschen – sie werden nicht automatisch rückgängig gemacht.
   • Tipps zur Zustellbarkeit:
     • Verwende Subdomains, um deine Absenderreputation zu isolieren.
     • Füge immer eine reine Textversion deiner E-Mail hinzu.
     • Überwache die E-Mail-Performance mit dem Insights-Dashboard von Resend.
9. Geschafft! 🎉

   In weniger als einer Stunde hast du ein modernes CRM erstellt mit:

   • einer Landingpage und einem Kontaktformular
   • datenbankgestützter Speicherung deiner Leads
   • automatischen E-Mail-Bestätigungen
   • einem Admin-Dashboard für das Lead-Management
   • individuellen E-Mail-Antworten
   • Newsletter-Versand
   • Authentifizierung und E-Mail-Verifizierung

​

Willst du noch mehr machen?

• Füge geplante E-Mails über Supabase-Cronjobs hinzu
• Baue Automatisierungsflows, um E-Mails basierend auf Lead-Status auszulösen
• Gestalte dein UI für mehr Markenvertrauen und Conversion

​

FAQ zur Resend-Integration

Was ist Resend?

Resend ist eine E-Mail-API, die für Entwickler entwickelt wurde. Der Fokus liegt auf hoher Zustellrate, einfacher Integration und einer klaren Developer Experience für den Versand von transaktionalen und Marketing-E-Mails.

Brauche ich einen bezahlten Resend-Tarif, um dieses Tutorial durchzugehen?

Nein. Du kannst das gesamte CRM-Setup mit dem kostenlosen Resend-Tarif abschließen, der das Senden von E-Mails von einer verifizierten Domain und bis zu 3.000 Kontakten für Marketing-E-Mails unterstützt.

Wie verifiziere ich eine Domain in Resend?

Gehe zu Resend → Domains → füge deine Domain hinzu. Du erhältst DNS-Einträge (TXT, MX), die du bei deinem DNS-Provider (z. B. Cloudflare, Namecheap) eintragen musst. Sobald sie hinzugefügt wurden, klicke auf Verify.

Verwende eine Subdomain wie updates.yourdomain.com, um deine E-Mail-Reputation zu isolieren.

Warum landen meine Resend-E-Mails im Spam?

Es gibt einige häufige Gründe:

• Du hast deine Domain nicht verifiziert
• Deine E-Mail hat keine Plain-Text-Version
• Du sendest von einem generischen Absender wie [e-mail]
• Du befolgst keine Best Practices (z. B. fehlen Abmeldelinks in Marketing-E-Mails)

Verwende das Deliverability Insights-Panel von Resend, um umsetzbare Tipps zu erhalten.

Kann ich das Design der E-Mails, die ich sende, anpassen?

Ja. Verwende React Email – eine Open-Source-Bibliothek vom Resend-Team –, um gestaltete, responsive E-Mails mit React-Komponenten zu entwerfen.

Unterstützt Resend Marketing-E-Mails oder nur transaktionale E-Mails?

Resend unterstützt beides:

• Transaktionale E-Mails (Bestätigung, Zurücksetzen, Benachrichtigungen) über die API oder das SDK.
• Marketing-E-Mails über das Broadcast-Feature und Audiences.

Du kannst Kampagnen im Dashboard erstellen, in der Vorschau ansehen und nachverfolgen.

Wie verwalte ich Newsletter-Abonnenten in Resend?

Verwende Audiences:

• Füge Kontakte manuell, per CSV oder programmatisch über die API hinzu.
• Jede Audience hat eine eindeutige ID, die du verwenden kannst, um Abonnements zuzuordnen.
• Benutzer können sich automatisch über den integrierten Abmeldelink von Resend abmelden.

Kann ich Double-Opt-in für Newsletter einrichten?

Nicht standardmäßig, aber du kannst es manuell implementieren:

1. Sende beim Absenden des Formulars eine erste Bestätigungs-E-Mail.
2. Bitte Benutzer, auf einen Link zu klicken.
3. Bestätige beim Klick ihr Abonnement und füge sie zu deiner Resend-Audience hinzu.

Kann ich E-Mail-Flows in Resend planen oder automatisieren?

Noch nicht. Resend unterstützt derzeit keine Drip-Kampagnen oder automatisierten Sequenzen.

Workaround:

Verwende Supabase Cron Jobs, um Aufgaben zu planen, die Resend-E-Mails in festen Intervallen auslösen.

Wie verbinde ich Resend mit Supabase Auth?

Verwende die offizielle Supabase-Integration von Resend:

1. Authentifiziere dich mit deinem Supabase-Projekt.
2. Gib eine Domain und einen Absendernamen an.
3. Resend konfiguriert deine Supabase-Auth-E-Mails automatisch so, dass sie dein Resend-Konto verwenden.

Wie geht Resend mit Abmeldungen um?

Resend verarbeitet Abmeldungen automatisch:

• Du musst einen Abmeldelink in Broadcast-E-Mails einfügen.
• Wenn sich ein Benutzer abmeldet, wird er aus der ausgewählten Audience entfernt.
• Dies ist für die E-Mail-Compliance erforderlich (z. B. CAN-SPAM, DSGVO).