Supabase + Resend integrieren
Supabase und Resend bilden eine leistungsstarke Kombination im No-Code-Ökosystem. App Studio hat diese Integration für Dutzende von Kunden konfiguriert, hier ist unser vollständiger Leitfaden.
Wie Supabase + Resend funktioniert
Resend wurde von ehemaligen Supabase-Teammitgliedern gebaut und lässt sich nahtlos in die Plattform integrieren. Anders als ältere E-Mail-Dienste bietet Resend eine übersichtliche REST-API, unterstützt React-E-Mail-Templates (JSX-basiertes responsives E-Mail-Design) und liefert von Haus aus exzellente Zustellbarkeit. Für Supabase-Apps ist es der empfohlene E-Mail-Anbieter für transaktionale E-Mails, die über die von Supabase nativ verschickten Basis-Auth-E-Mails hinausgehen. Dazu wird ein Resend-Konto angelegt, die eigene Domain verifiziert (fügt SPF-, DKIM- und DMARC-Einträge zum DNS hinzu) und ein API-Key generiert. Der Key wird als Supabase-Secret gespeichert: supabase secrets set RESEND_API_KEY=re_xxx. Eine Supabase Edge Function ruft Resends POST /emails Endpoint auf, mit Absenderadresse, Empfänger, Betreff und HTML- oder React-Template. Diese Funktion wird über Datenbank-Webhooks (bei INSERT/UPDATE), Auth-Hooks oder direkt aus dem Frontend über einen authentifizierten Edge-Function-Aufruf ausgelöst.
Anwendungsfälle für Supabase + Resend
Typische Supabase + Resend Muster: Ein neu angelegter Nutzer in auth.users löst über eine Edge Function eine Willkommens-E-Mail via Resend aus; ein aktualisierter Bestellstatus in der orders-Tabelle löst über einen Datenbank-Webhook und eine Edge Function eine Statusbenachrichtigung aus; ein gekündigtes Abonnement in der subscriptions-Tabelle löst über einen Webhook eine Retention-E-Mail aus; ein neu erstelltes Support-Ticket löst über eine Edge Function eine Bestätigungs-E-Mail an den Nutzer sowie eine Benachrichtigung an das Support-Team aus. Diese Muster machen für transaktionale Abläufe einen dedizierten E-Mail-Dienst wie Mailchimp überflüssig. App Studio nutzt Supabase + Resend für sämtliche transaktionalen E-Mail-Bedürfnisse in Produktiv-Apps: Onboarding-Sequenzen, die durch Nutzer-Meilensteine ausgelöst werden, Rechnungs-E-Mails, die aus Supabase-Daten generiert und über Resend verschickt werden, Alert-E-Mails für kritische Datenbank-Ereignisse und Digest-E-Mails, die aus wöchentlichen Datenbank-Aggregationen zusammengestellt werden. Resends E-Mail-Analytics-Dashboard zeigt Öffnungen, Klicks und Bounces pro Empfänger.
Häufige Probleme und deren Lösung
Vor dem Produktivbetrieb sollte die versendende Domain immer verifiziert werden, E-Mails von nicht verifizierten Domains landen im Spam. Der Resend-API-Key sollte als Supabase-Secret gespeichert werden, niemals im Quellcode der Edge Function. Idempotenz-Prüfungen sollten implementiert werden: Feuert der Datenbank-Webhook zweimal für dasselbe Ereignis (Supabase garantiert mindestens einmalige Zustellung), sollte die Edge Function prüfen, ob die E-Mail bereits verschickt wurde, bevor Resend erneut aufgerufen wird. Resends Testmodus eignet sich, um E-Mails während der Entwicklung in der Vorschau zu sehen, ohne sie tatsächlich zu versenden.
- Welcome emails
- Order confirmations
- Password resets
- Invoice emails
- Event-driven notifications
Benötigen Sie Hilfe bei dieser Integration?
App Studio konfiguriert diese Integrationen für Sie. Kostenloses Angebot innerhalb von 48h.