Ton app tourne sur ta machine. Personne d'autre ne la voit.
Tu as lancé le skill. La base de données est en place dans Supabase. L'application fonctionne en local. Tu as créé des offres, rempli ton profil, testé le matching IA sur une candidature fictive. Tout marche. Sauf que « tout marche » veut dire « tout marche sur ton ordinateur, dans ton navigateur, à l'adresse localhost:5173 ».
Aucun candidat ne peut voir tes offres. Aucune entreprise ne peut te contacter. Aucun mail ne part.
Cet article couvre les quatre étapes pour passer du local au monde : envoyer ton code sur GitHub, connecter Vercel, brancher ton nom de domaine, et configurer Resend pour que les emails partent vraiment.
Si tu as lu « Du local au monde, ou comment ton app sort de ton macbook », tu connais déjà la logique GitHub + Vercel. Ce qui suit est la même mécanique appliquée à La Pépite, avec Resend en plus.
Étape 1 : GitHub
Ton projet vit dans un dossier sur ta machine. GitHub, c'est une copie de ce dossier sur internet, versionnée, qui sert de source de vérité pour Vercel.
Si tu as déjà un compte GitHub et que tu as fait le parcours « Du local au monde », tu connais les gestes. Ouvre Claude Code dans le dossier de ton projet La Pépite et dis-lui :
« Crée un repo GitHub privé pour ce projet et pousse le code. »
Claude Code va initialiser git si ce n'est pas déjà fait, créer le dépôt sur GitHub, et pousser ton code. Le dépôt est privé par défaut. Ton code n'est visible que par toi.
Si tu n'as pas de compte GitHub, tu en crées un sur github.com. Gratuit. Tu n'as besoin de rien d'autre qu'un email.
Une fois le code poussé, tu peux passer à Vercel.
Étape 2 : Vercel
Vercel prend ton code sur GitHub et le transforme en site web accessible par tout le monde. Chaque fois que tu pousseras une modification sur GitHub, Vercel redéploiera automatiquement. Tu n'as rien à faire.
Va sur vercel.com. Connecte-toi avec ton compte GitHub. Clique « Add New Project ». Sélectionne le dépôt La Pépite que tu viens de créer.
Avant de déployer, Vercel te demande les variables d'environnement. C'est là que tu renseignes les informations qui connectent ton app à tes services. Tu as besoin de quatre choses :
L'URL de ton projet Supabase. Tu la trouves dans Supabase, Settings, API, Project URL.
La clé publique de ton projet Supabase. Dans le même écran, c'est la clé « anon public ». Pas la service_role.
L'URL de ton service Supabase pour les Edge Functions. C'est la même URL de base, les fonctions sont accessibles automatiquement.
Le nom de domaine que tu veux utiliser. On le configure juste après.
Ajoute ces variables dans Vercel, puis lance le déploiement. Vercel te donne une URL temporaire en .vercel.app. Ton site est en ligne. Tu peux déjà vérifier que la landing s'affiche, que les offres apparaissent, que le formulaire de contact fonctionne.
Étape 3 : ton nom de domaine
L'URL en .vercel.app fonctionne, mais ce n'est pas ton adresse professionnelle. Tu veux monnom-recrutement.fr ou ce que tu as choisi.
Dans Vercel, va dans les settings de ton projet, section Domains. Ajoute ton domaine.
Vercel te donne des enregistrements DNS à configurer chez ton registrar, c'est-à-dire là où tu as acheté ton domaine. En général, c'est un enregistrement CNAME qui pointe vers cname.vercel-dns.com. La procédure exacte dépend de ton registrar, mais Claude Code peut te guider si tu lui donnes le nom du registrar.
Une fois les DNS propagés, ton site est accessible sur ton propre domaine. Vercel gère automatiquement le certificat SSL, le petit cadenas dans la barre d'adresse.
Étape 4 : Resend
Resend, c'est le service qui envoie tes emails. Les mails de refus, les propositions d'entretien, les cas pratiques envoyés aux candidats, les offres d'embauche. Tout ce qui sort de l'app vers une boîte mail passe par Resend.
Créer le compte
Va sur resend.com. Crée un compte. Gratuit jusqu'à 100 emails par jour et 3000 par mois. Pour un recruteur freelance, c'est largement suffisant.
Configurer ton domaine d'envoi
C'est l'étape la plus importante. Si tu ne configures pas ton domaine, tes mails arriveront depuis une adresse Resend générique, ou finiront dans les spams.
Dans Resend, va dans Domains. Ajoute ton domaine, le même que celui de ton site. Resend te donne des enregistrements DNS à ajouter chez ton registrar. Ce sont des enregistrements de type MX, TXT et CNAME qui permettent à Resend de prouver qu'il a le droit d'envoyer des emails en ton nom.
Une fois les DNS configurés et vérifiés par Resend, tes emails partiront depuis une adresse type contact@tondomaine.fr. Professionnel. Pas de spam.
Récupérer la clé API
Dans Resend, va dans API Keys. Crée une nouvelle clé. Copie-la.
Stocker la clé dans Supabase
La clé Resend, comme la clé Anthropic, ne vit jamais dans ton code. Elle vit dans les secrets Supabase.
Ouvre Claude Code et dis-lui :
« Ajoute la clé API Resend dans les secrets Supabase de mon projet. La clé est : [colle ta clé]. »
Claude Code la stocke dans les secrets Supabase. Les Edge Functions qui envoient des emails la liront depuis là. Si tu as lu « Tes clés API ne vivent jamais dans ton code », c'est exactement le même mécanisme.
Configurer l'adresse d'expédition
Dans l'admin de La Pépite, section Paramètres, tu renseignes l'adresse email d'expédition et le nom d'expéditeur. C'est ce qui apparaîtra dans le « De : » des emails reçus par les candidats.
Tester
Crée une candidature fictive. Déclenche un mail de refus. Vérifie qu'il arrive dans ta boîte. Vérifie que l'expéditeur est bien ton domaine. Vérifie que le mail n'est pas dans les spams.
Si le mail n'arrive pas, vérifie les DNS dans Resend. La propagation peut prendre quelques heures.
Les variables d'environnement, le récap
À la fin de ce processus, ton projet Vercel a ces variables configurées :
VITE_SUPABASE_URL : l'URL de ton projet Supabase.
VITE_SUPABASE_ANON_KEY : la clé publique Supabase.
Et dans les secrets Supabase :
La clé API Anthropic, pour les agents IA.
La clé API Resend, pour l'envoi d'emails.
Quatre clés au total. Deux dans Vercel, deux dans Supabase. Aucune dans le code.
Vérifications post-déploiement
Avant de considérer que tout est en place, fais une passe sur ces points.
La landing s'affiche sur ton domaine. Les offres publiées apparaissent. Le formulaire de candidature fonctionne : upload de CV, message, consentements. La candidature arrive dans le back-office avec le matching IA déclenché automatiquement.
Le formulaire de contact entreprise envoie une notification dans l'admin.
La route admin est bien celle que tu as choisie, pas /admin.
Les mails partent depuis ton domaine via Resend.
Les pages de mentions légales, politique de confidentialité, politique cookies sont accessibles depuis le footer.
Le bandeau cookies apparaît au premier visit.
Après le déploiement
Ton outil est en production. Les candidats peuvent postuler. Les entreprises peuvent te contacter. Les agents IA travaillent.
Ce qui reste à faire, c'est du paramétrage dans l'admin. Remplir ton profil complet. Écrire ta voice card. Créer tes filtres d'offres. Adapter les trames légales. Configurer la durée de rétention RGPD. Inviter un collaborateur si tu en as un.
Et si tu veux aller plus loin dans la personnalisation visuelle, Claude Code est là. Tu ouvres une session dans le dossier de ton projet, tu lui décris ce que tu veux changer, il le fait. C'est ton outil. Il grandit avec toi.