Aller au contenu
supastack
Parcourir la documentation

For AI agents: fetch the complete documentation index at /llms.txt, the full documentation corpus at /llms-full.txt, the agent skill at /skill.md, or this page as Markdown at /fr/docs/web/resend-email.md (or send Accept: text/markdown).

Ajouter l'e-mail Resend

Créez un compte Resend gratuit, vérifiez un domaine d'envoi et basculez EMAIL_PROVIDER pour que les codes et reçus atteignent de vraies boîtes de réception.

Parcours pas à pas pour débuter

Prérequis : l'app qui tourne en local (En ligne en 5 minutes). Commencez gratuitement — sans carte, et le niveau gratuit de Resend couvre les volumes de développement.

Quelques termes : EMAIL_PROVIDER=local est le défaut — les messages sont écrits sur la page intégrée /mail-preview et ne quittent jamais votre machine, ce qui est parfait pendant la construction. Resend est l'adaptateur qui livre dans de vraies boîtes de réception. EMAIL_FROM est l'identité d'expéditeur qu'utilisent les modèles ; son adresse doit se trouver sur un domaine que Resend a vérifié. Les enregistrements DNS sont les lignes que vous collez chez votre registrar ou Cloudflare pour que les boîtes destinataires fassent confiance à votre expéditeur.

Ce que vous créez : un compte Resend, un domaine d'envoi vérifié et une clé d'API — l'étape du domaine est la seule partie qui fait attendre, la propagation DNS allant de quelques minutes à quelques heures.

Créer le compte Resend

1. Ouvrez resend.com → Sign up, confirmez votre e-mail et vous arrivez sur le tableau de bord.

2. Commencez avec le niveau gratuit — vous pouvez même envoyer du courrier de test depuis l'expéditeur partagé de Resend avant de posséder un domaine, ce que couvre la section suivante.

Vérifier votre domaine d'envoi

Essai rapide sans domaine : l'adresse [email protected] fonctionne immédiatement comme EMAIL_FROM — mais elle ne livre qu'à l'e-mail avec lequel vous vous êtes inscrit, jamais aux utilisateurs. Utilisez-la pour voir le pipeline fonctionner, puis faites la vraie configuration.

1. Ouvrez Domains → Add Domain et saisissez le domaine depuis lequel vous envoyez (par exemple yourdomain.com ; un sous-domaine comme mail.yourdomain.com fonctionne aussi et garde les enregistrements propres).

2. Resend liste les enregistrements DNS à créer — des enregistrements TXT DKIM plus des entrées MX/SPF ou CNAME selon l'âge du compte. Ajoutez chacun chez votre hébergeur DNS : la page DNS de votre registrar, ou Cloudflare si vous avez déplacé les nameservers. Sur Cloudflare, gardez le nuage du proxy gris (DNS only) pour les enregistrements mail — les enregistrements proxied ne se vérifient jamais.

3. De retour dans Resend, cliquez sur Verify. Attendu : le domaine passe à Verified. La propagation varie de quelques minutes à un jour ; la page du domaine nomme l'enregistrement exact qui ne résout pas encore.

Une fois vérifié, toute adresse du domaine fonctionne comme expéditeur — hello@, no-reply@, ce qu'utilise EMAIL_FROM — aucun enregistrement par adresse nécessaire.

Créer la clé d'API

1. Ouvrez API Keys → Create API Key.

2. Permission : Sending access suffit — le kit ne fait qu'envoyer. Nommez la clé d'après son environnement (production, local) pour qu'une clé de dev divulguée puisse être révoquée sans toucher la production.

3. Copiez la clé re_… maintenant — elle n'est affichée qu'une fois. La perdre signifie seulement en créer une autre.

Ajouter les valeurs à l'app

Renseignez les lignes ci-dessous dans apps/web/.env.local. RESEND_API_KEY reste côté serveur — jamais NEXT_PUBLIC_/EXPO_PUBLIC_, jamais commité ; EMAIL_PROVIDER et EMAIL_FROM sont de simples configurations. Redémarrez le serveur de dev après modification.

EMAIL_FROM doit se trouver sur le domaine vérifié : [email protected] n'atteint que votre propre adresse d'inscription, et un domaine non vérifié reçoit un rejet 403 de Resend.

# apps/web/.env.local
EMAIL_PROVIDER=resend
EMAIL_FROM="Your Product <[email protected]>"
RESEND_API_KEY=re_…

Vérifier et dépanner

Redémarrez, ouvrez /auth et demandez un code de connexion vers une vraie boîte de réception que vous contrôlez. Attendu : le message arrive, et Resend → Emails affiche la livraison avec un statut vert — ce journal est aussi l'endroit où vivent les motifs de rebond et d'erreur.

Rien d'envoyé ? Vérifiez que EMAIL_PROVIDER=resend s'est bien enregistré dans apps/web/.env.local et redémarrez. Un 403 dans le journal serveur signifie que EMAIL_FROM n'est pas sur le domaine vérifié — ou que [email protected] a été envoyé à quelqu'un d'autre que vous.

Un autre fournisseur plus tard ? EMAIL_PROVIDER accepte aussi ses (avec les clés AWS) et les transports postmark, sendgrid, mailgun, smtp, brevo — même contrat EMAIL_FROM, noms d'env différents, tous listés dans .env.example. Le guide e-mail les compare.

Questions fréquentes

14 questions

Qu'est-ce que supastack ?

supastack est une fondation modulaire pour construire des produits SaaS avec IA. Elle réunit l'infrastructure commune pour que vous puissiez vous concentrer sur les fonctionnalités propres à votre produit.

Prend-il en charge le web et le mobile ?

Oui. supastack inclut des applications Next.js et Expo comme points de départ pour des expériences web et mobile.

Quelle authentification est incluse ?

Better Auth couvre e-mail/mot de passe, OTP et connexion sociale. Les espaces de travail personnels sont provisionnés avec le compte pour que les enregistrements restent délimités dès le premier jour.

Comment l'IA est-elle prise en charge ?

supastack inclut une IA multi-fournisseurs configurable, le suivi d'usage, des budgets, et la prise en charge chiffrée de vos propres clés (BYOK).

Comment les abonnements sont-ils gérés ?

Pour les produits construits sur le kit, la facturation Stripe, les abonnements et les droits d'accès forment la base de l'accès payant. Les secrets fournisseur restent côté serveur.

Où vit le code propre à mon produit ?

Les fonctionnalités propres au produit restent dans un codebase séparé, tandis que le produit configure et intègre les modules de la fondation supastack.

Comment fonctionne la tarification de supastack ?

Le kit est un achat unique avec mises à jour à vie : Un framework à 249 $ (prix de lancement temporaire — 100 $ de réduction par rapport au prix habituel de 349 $) ou Tous les frameworks (Next.js, iOS, Android) à 499 $ (prix de lancement temporaire — 100 $ de réduction par rapport au prix habituel de 599 $), plus 75 $ par siège développeur supplémentaire. Pas d'abonnement au kit. Le paiement sur ce site livre votre clé de licence par e-mail, avec accès au dépôt via invitation GitHub.

Comment les espaces de travail délimitent mes données ?

Les enregistrements appartenant aux utilisateurs sont délimités par workspaceId. Identité, droits d'accès, usage IA, événements de facturation et entrées d'audit restent dans le périmètre de l'espace personnel.

Comment fonctionnent les jobs en arrière-plan ?

Trigger.dev est le runtime de jobs explicite. Le contrat JobRunner ne promet que enqueue, status et cancel — la sémantique de workflow reste propre à Trigger.dev et explicite.

En quoi l'e-mail diffère-t-il de la prospection ?

L'e-mail transactionnel couvre les flux produit comme les avis de fin de tâche. La prospection à froid et les campagnes relèvent du produit, hors du module e-mail de ce kit.

Comment fonctionnent les achats sur mobile ?

Le mobile inclut les achats natifs et leur restauration via RevenueCat, avec un accès vérifié par votre serveur. Configurez les comptes des boutiques et terminez les tests sur appareil avant publication. La facturation web reste séparée.

Où vivent les clés des fournisseurs IA ?

Les identifiants BYOK sont chiffrés et restent côté serveur. Les clés sont masquées dans les journaux ; l'usage et les budgets restent visibles au niveau de l'espace de travail.

Quels moyens de paiement le checkout accepte-t-il ?

Le checkout hébergé par Stripe accepte les cartes et peut aussi proposer Alipay et WeChat Pay une fois ces portefeuilles activés sur le compte Stripe — pratique pour les acheteurs en Chine. Les autorisations de portefeuille se confirment de manière asynchrone : la page de licence se met à jour dès que le paiement est validé.

Puis-je obtenir un remboursement ?

Une fois que vous avez accès au dépôt, supastack vous appartient pour toujours et ne peut donc pas être remboursé. Mais rassurez-vous : vous obtenez le code source complet avec des mises à jour à vie pour créer et déployer un nombre illimité de produits pour vous ou vos clients. Vous ne pouvez simplement pas revendre le code ni redistribuer le dépôt sous forme de kit de démarrage ou de modèle.

FR
Thème