Integrera Supabase + Resend
Supabase och Resend bildar en kraftfull kombination i no-code-ekosystemet. App Studio har konfigurerat den här integrationen för dussintals kunder, här är vår kompletta guide för att sätta upp den snabbt och korrekt.
Varför Supabase + Resend?
Resend byggdes av tidigare Supabase-medarbetare och integreras sömlöst med plattformen. Till skillnad från äldre e-posttjänster har Resend ett rent REST-API, stöder React-e-postmallar (JSX-baserad responsiv e-postdesign) och erbjuder utmärkt leveransbarhet direkt ur lådan. För Supabase-appar är det den rekommenderade e-postleverantören för transaktionsmejl utöver de grundläggande autentiseringsmejl som Supabase skickar direkt.
Konfigurera integrationen
Skapa ett Resend-konto, verifiera er domän (lägger till SPF-, DKIM- och DMARC-poster i er DNS) och generera en API-nyckel. Spara nyckeln som en Supabase-hemlighet: supabase secrets set RESEND_API_KEY=re_xxx. Skapa en Supabase edge function som anropar Resends POST /emails-endpoint med er avsändaradress, mottagare, ämnesrad och HTML- eller React-mall. Utlös den här funktionen från databaswebhooks (vid INSERT/UPDATE), auth-hooks, eller direkt från er frontend via ett autentiserat edge function-anrop.
Mönster för e-posttriggers
Vanliga mönster för Supabase + Resend: en användare skapas i auth.users → en edge function → ett välkomstmejl via Resend; orderstatus uppdateras i orders-tabellen → en databaswebhook → en edge function → ett statusnotismejl; en prenumeration avslutas i subscriptions-tabellen → en webhook → ett retention-mejl; ett supportärende skapas → en edge function → ett bekräftelsemejl till användaren och en notis till supportteamet. Dessa mönster ersätter behovet av en dedikerad e-posttjänst som Mailchimp för transaktionsflöden.
Verkliga användningsfall
App Studio använder Supabase + Resend för alla transaktionella e-postbehov i produktionsappar: onboarding-sekvenser som triggas av användarmilstolpar, fakturamejl genererade från Supabase-data och skickade via Resend, varningsmejl för kritiska databashändelser, samt sammandragsmejl sammanställda från veckovisa databasaggregeringar. Resends analysdashboard för e-post visar öppningar, klick och studsar per mottagare.
Vanliga fallgropar
Verifiera alltid er avsändardomän innan ni går i produktion, mejl som skickas från overifierade domäner hamnar i skräppost. Spara er Resend-API-nyckel som en Supabase-hemlighet, aldrig i edge function-källkoden. Implementera idempotenskontroller: om er databaswebhook avfyras två gånger för samma händelse (Supabase garanterar leverans minst en gång) bör er edge function kontrollera om mejlet redan skickats innan den anropar Resend. Använd Resends testläge för att förhandsgranska mejl utan att faktiskt skicka dem under utveckling.
- Welcome emails
- Order confirmations
- Password resets
- Invoice emails
- Event-driven notifications
Behöver du hjälp med den här integrationen?
App Studio konfigurerar dessa integrationer åt dig. Kostnadsfri offert inom 48h.