Tu as une idée depuis 14 mois. Tu en parles à tes potes, ils te disent "ouais c'est cool". Tu scrolles LinkedIn et tu vois des mecs de 28 ans lever des fonds sur "ton" idée. Et ce soir encore, tu vas rouvrir Notion, regarder trois vidéos YouTube sur "comment lancer un SaaS en 2 semaines" et fermer l'ordi sans avoir sorti quoi que ce soit.
Cet article ne te donnera pas de motivation. Il te donnera une landing page en ligne, avec un vrai formulaire qui t'envoie un mail à chaque inscription, hébergée gratuitement sur internet. En deux heures. Sans écrire une ligne de code toi-même.
Si tu préfères la vidéo, elle est juste au-dessus. Sinon, suis les étapes ci-dessous.
Pourquoi pas Tally ou Bubble ?
Tu vas me dire "mais il existe des solutions toutes faites". Oui. Et elles sont très bien pour 10 minutes d'utilisation. Ensuite tu vas buter sur :
- Tu veux un champ spécifique, t'es bloqué par les limites du plan gratuit.
- Tu veux tracker précisément qui clique où, tu payes 30€/mois.
- Tu veux connecter ça à un outil tiers, tu découvres qu'il faut le plan pro.
- Tu veux récupérer ta data et la bouger ailleurs, bon courage.
Avoir ton propre code dès le départ, ce n'est pas "faire du dev pour le plaisir". C'est garder la main sur ton projet. Tu demandes à l'IA ce que tu veux, tu obtiens le résultat en 2 minutes au lieu de cliquer 40 minutes dans une interface no-code. Tu gardes la propriété, la flexibilité, tu paies rien de plus.
Et non, tu n'as pas besoin d'être dev pour ça. Tu as juste besoin de Claude Code.
Ce qu'il te faut (5 minutes d'install)
Trois outils, tous gratuits sauf un :
VS Code : l'éditeur de code. C'est un Word, mais pour le code. Tu tapes "Visual Studio Code" sur Google, tu télécharges, tu installes.
Node.js : ça va faire tourner ton site en local. Tu tapes "nodejs download", tu prends la version recommandée pour ton OS, tu installes.
Claude Code : l'extension qui va écrire le code à ta place. Elle s'ajoute dans VS Code en 30 secondes. Il te faut un compte Anthropic avec le plan Pro à 15€/mois. La version gratuite ne donne pas accès à Claude Code.
Sur les 15€ : arrête de tergiverser. Tu as passé 14 mois à ne rien sortir. Si 15€ te bloquent, le vrai problème n'est pas là.
Étape 1 : créer ton dossier projet
Dans ton explorateur de fichiers, crée un nouveau dossier landing-page. Dans VS Code, fais File > Open Folder et sélectionne ce dossier. VS Code te demande si tu fais confiance aux auteurs, tu dis oui.
Dans le panneau de gauche, clique sur l'icône en forme de Lego (Extensions). Cherche "Claude Code". Installe l'extension officielle (vérifie le nombre d'étoiles et que l'éditeur est bien Anthropic). Connecte-toi avec ton compte.
Étape 2 : brief le projet à Claude Code
Fichiers ici : Clique ici
Avant de générer quoi que ce soit, pose le cadre. Crée deux fichiers à la racine du dossier : un CLAUDE.md et un README.md.
Le CLAUDE.md sert à donner le contexte à l'IA : qui tu es, ton niveau technique, dans quelle langue tu veux qu'elle te parle, tes contraintes. Le README.md te sert à toi pour noter ce que tu fais.
Exemple minimal de CLAUDE.md :
Je suis un débutant sans expérience de dev.
Stack : Next.js, TypeScript.
Explique-moi toujours ce que tu fais en français simple.
Quand tu utilises une variable sensible (clé API, secret), préviens-moi.
Ouvre Claude Code, demande-lui "est-ce que tu as lu mon CLAUDE.md ?" pour vérifier qu'il prend bien le contexte en compte. S'il te confirme, tu es prêt.
Étape 3 : générer ta première landing
Dans Claude Code, tape quelque chose comme :
Crée-moi une landing page pour présenter une page d'inscription à la waitlist d'un SaaS.
Laisse-le bosser. Il va te poser des questions pendant l'installation, clique "oui" à tout. Tu peux aussi activer l'auto-edit en bas à droite de Claude Code pour qu'il arrête de te demander à chaque commande — tu lui donnes une autorisation globale pour exécuter les commandes d'install et d'édition.
Quand il a terminé, demande-lui "lance-moi le site". Il va te donner une URL locale (genre localhost:3000). Tu l'ouvres dans ton navigateur, et tu as ta landing.
C'est moche ? Bien sûr que c'est moche. C'est une v0 générée en 3 minutes. L'étape suivante, c'est de la rendre propre.
Étape 4 : améliorer le design avec une inspiration
Le truc qui change tout : tu peux donner une image à Claude Code et lui dire de s'en inspirer.
Va sur Behance, cherche "landing page", filtre sur ce qui te plaît visuellement. Trouve une page qui te parle, fais une capture d'écran.
Dans Claude Code, glisse l'image et tape :
Inspire-toi de cette image pour le style de ma landing. Ma charte couleur : vert et orange. Ajoute un champ "prénom" dans le formulaire.
Il va réécrire la page. Le résultat ne sera pas une copie exacte — c'est normal et c'est mieux comme ça. Tu itères ensuite avec des retours précis : "le titre est trop gros", "le bouton valider est trop large", "les coins doivent être plus arrondis comme sur l'image".
Plus tu es précis, moins tu es déçu. Ne te contente pas de "rends-le plus joli", il ne sait pas ce que tu veux.
Étape 5 : recevoir un email à chaque inscription
Ta landing est belle. Maintenant, quand quelqu'un remplit le formulaire, tu veux recevoir ses infos par mail. Pour ça, on utilise Resend, un service qui permet d'envoyer jusqu'à 3000 mails par mois gratuitement.
Crée un compte sur resend.com, valide ton mail, puis dans le dashboard, génère une API Key. Copie-la.
Important : une clé API, c'est comme un mot de passe. Tu ne la colles jamais directement dans le code. Si tu la mets dans le code, elle peut se retrouver publique sur internet. Demande toujours à Claude Code : "cette clé doit rester secrète, où je la mets ?".
Dans Claude Code, tape :
Utilise Resend pour m'envoyer un email à chaque nouvelle inscription au formulaire. L'email doit contenir : prénom, nom, email de la personne inscrite. Je te fournirai la clé API après.
Il va créer un fichier .env.local (invisible depuis ton site public) où tu colles ta clé Resend. Tu sauvegardes, tu relances le site en local, tu testes. Si tu reçois un mail avec les infos, c'est gagné.
Astuce : utilise temp-mail.org pour générer une fausse adresse et tester sans polluer ton vrai mail.
Étape 6 : déployer sur internet avec Vercel
Ton site tourne sur ton ordi. Bien. Mais personne d'autre ne peut le voir. On va changer ça avec Vercel, un hébergeur gratuit parfait pour ce genre de projet.
Pour que Vercel puisse récupérer ton code, il faut le mettre sur GitHub. GitHub, c'est un Google Drive pour le code.
Crée un repo GitHub :
- Va sur github.com, crée un compte si besoin.
- Clique sur "New repository", nomme-le
mon-saas, mets-le en privé. - Ne coche rien d'autre, clique "Create".
Connecte ton code local à GitHub : demande à Claude Code de pousser ton projet sur le repo que tu viens de créer. Il va probablement te demander un Personal Access Token GitHub. Suis les instructions qu'il te donne — ça consiste à générer un token dans les paramètres GitHub et à le coller quand il te le demande. C'est l'étape la plus pénible du tuto, prends ton temps.
Connecte Vercel à GitHub :
- Va sur vercel.com, clique "Start deploying".
- Connecte-toi avec GitHub, autorise Vercel à accéder à tes repos.
- Importe le repo
mon-saas. - Dans "Environment Variables", recopie ta clé Resend (même nom, même valeur que dans ton
.env.local). - Clique "Deploy".
En 2 minutes, tu as une URL publique genre mon-saas.vercel.app. Ton site est en ligne. N'importe qui peut le voir.
Quand ça casse : les logs sont ton meilleur ami
Tu vas avoir des erreurs. Garanti. Un formulaire qui bug, un mail qui ne part pas, un déploiement qui crashe.
La méthode est toujours la même :
- Va dans l'onglet "Logs" de Vercel.
- Copie le message d'erreur.
- Colle-le dans Claude Code.
- Il lit l'erreur, il comprend, il corrige.
Dans le tuto vidéo, j'ai eu une erreur classique : Vercel tournait en lecture seule et essayait d'écrire dans un fichier local. La solution était simple : supprimer cette sauvegarde inutile et garder juste l'envoi par Resend. Claude Code l'a corrigé en deux minutes après avoir lu les logs.
Apprends à envoyer les erreurs au lieu de paniquer. C'est 80% du boulot quand tu construis.
Et après ?
Tu as une landing en ligne, un formulaire qui capte des emails, un hébergement gratuit. C'est largement suffisant pour commencer à parler de ton produit.
Les étapes suivantes évidentes :
- Un nom de domaine propre : demande à Claude Code de comparer les registrars et de te guider selon ton besoin. Tu configures en 10 minutes.
- Sécuriser le formulaire : un captcha, un rate limiting pour éviter les bots.
- Envoyer tes premiers contacts : parce qu'une landing sans visiteurs ne sert à rien. C'est l'étape que la plupart des gens oublient.
On verra ces sujets dans les prochains tutos. Abonne-toi à la chaîne pour pas les rater.
Le vrai blocage, ce n'est pas la technique
Si tu es arrivé jusqu'ici, tu as deux options.
Option 1 : tu fais le tuto ce week-end. Tu as ta landing lundi matin. Tu commences à parler de ton projet.
Option 2 : tu mets ce tuto dans tes favoris, tu te dis "je m'y mets bientôt", et dans 3 mois tu seras exactement au même point qu'aujourd'hui.
Si tu sens que tu vas prendre l'option 2, le problème n'est pas technique. C'est que tu n'as pas de cadre. Pas de deadline. Personne qui te challenge sur ton idée, ta cible, ton MVP. Tu consommes du contenu, tu accumules des idées dans Notion, tu relances le même projet tous les deux mois sans jamais le finir.
C'est exactement ce que je débloque dans mon accompagnement : 4 semaines, 4 calls d'une heure, pour sortir du flou et avoir une stratégie claire d'acquisition et d'exécution sur ton projet. Pas de théorie, pas de motivation creuse. On regarde ce que tu as, on coupe ce qui ne sert à rien, on pose un plan, tu exécutes.