Intégrer Supabase + Resend
Supabase et Resend forment une combinaison puissante dans l'écosystème no-code. App Studio a configuré cette intégration pour des dizaines de clients, voici notre guide complet pour la mettre en place rapidement et correctement.
Pourquoi Supabase + Resend ?
Resend a été créé par d'anciens membres de l'équipe Supabase et s'intègre parfaitement à la plateforme. Contrairement aux services email plus anciens, Resend a une API REST propre, prend en charge les templates React Email (design d'email responsive basé sur JSX), et offre une excellente délivrabilité dès le départ. Pour les applications Supabase, c'est le fournisseur d'email recommandé pour les emails transactionnels au-delà des emails d'authentification de base que Supabase envoie nativement.
Configurer l'intégration
Créez un compte Resend, vérifiez votre domaine (ajoute des enregistrements SPF, DKIM, DMARC à votre DNS), et générez une clé API. Stockez la clé comme secret Supabase : supabase secrets set RESEND_API_KEY=re_xxx. Créez une fonction edge Supabase qui appelle l'endpoint POST /emails de Resend avec votre adresse d'expédition, le destinataire, le sujet, et un template HTML ou React. Déclenchez cette fonction depuis des webhooks de base de données (sur INSERT/UPDATE), des auth hooks, ou directement depuis votre frontend via un appel de fonction edge authentifié. Schémas Supabase + Resend courants : un utilisateur créé dans auth.users déclenche un email de bienvenue via une fonction edge et Resend ; un statut de commande mis à jour dans la table orders déclenche un webhook de base de données, une fonction edge, et un email de notification de statut ; un abonnement annulé dans la table subscriptions déclenche un webhook et un email de rétention ; un ticket support créé déclenche une fonction edge, un email de confirmation à l'utilisateur, et une notification à l'équipe support. Ces schémas remplacent le besoin d'un service email dédié comme Mailchimp pour les flux transactionnels.
Cas d'usage concrets
App Studio utilise Supabase + Resend pour tous les besoins d'email transactionnel des applications en production : séquences d'onboarding déclenchées par des jalons utilisateur, emails de facture générés à partir des données Supabase et envoyés via Resend, emails d'alerte pour des événements critiques de base de données, et emails de digest assemblés à partir d'agrégations hebdomadaires de la base. Le tableau de bord d'analytics email de Resend affiche les ouvertures, clics, et bounces par destinataire.
Bonnes pratiques
Vérifiez toujours votre domaine d'expédition avant la mise en production, les emails envoyés depuis des domaines non vérifiés atterrissent dans les spams. Stockez votre clé API Resend comme secret Supabase, jamais dans le code source de la fonction edge. Implémentez des vérifications d'idempotence : si votre webhook de base de données se déclenche deux fois pour le même événement (Supabase garantit une livraison au moins une fois), votre fonction edge doit vérifier si l'email a déjà été envoyé avant d'appeler Resend. Utilisez le mode test de Resend pour prévisualiser les emails sans les envoyer réellement pendant le développement.
- Welcome emails
- Order confirmations
- Password resets
- Invoice emails
- Event-driven notifications
Besoin d'aide pour cette intégration ?
App Studio configure ces intégrations pour vous. Devis gratuit sous 48h.