De la page blanche à un site soigné en ligne avec paiements, formulaire de contact et liste d'e-mails, en environ trois heures, avec trois outils et zéro code écrit à la main.
En 2026, un site d'une page soigné avec paiements, un formulaire de contact et une inscription par e-mail est un projet de trois heures le samedi après-midi. Pas un projet "pour que ça marche", mais un projet "qui passerait le test d'un designer". Le goulot d'étranglement n'est plus le code ou le design. C'est la clarté sur ce que la page doit dire.
Voici le flux de travail exact pour lancer un site réel, en ligne et prêt pour le trafic payant en un après-midi.
Une page de destination avec :
Vous ne livrerez pas un système de design, un CMS ou un site marketing de 12 pages cet après-midi. N'essayez pas.
Vous aurez également besoin : d'un compte Stripe (le mode test convient pour livrer aujourd'hui), d'un nom de domaine et d'une proposition de valeur que vous pouvez écrire en une phrase.
Ouvrez un document vierge. Écrivez cinq choses :
Sans cela, Lovable vous donnera une page parfaitement construite qui ne dit rien.
Ouvrez Lovable et utilisez une invite avec tout ce que vous avez écrit. L'invite d'ouverture qui fonctionne :
Construis une page de destination pour [votre proposition de valeur]. Héros avec [titre]. Trois cartes d'avantages : [liste]. Section de tarification avec un niveau à X $ utilisant Stripe Checkout. Formulaire de contact qui m'envoie un e-mail à [votre e-mail]. Inscription par e-mail qui s'intègre à Resend. Thème sombre avec un accent [couleur]. Utilise [framework : Next.js ou Vite].
Lovable lance un projet complet, le déploie sur une URL temporaire et vous montre un aperçu fonctionnel. Il sera à 70 % correct immédiatement et à 90 % correct après trois invites de suivi :
Pour les paiements : Lovable gère la connexion Stripe Checkout si vous connectez votre compte Stripe. Utilisez les clés du mode test pour aujourd'hui ; passez aux clés en direct avant de lancer.
Pour le formulaire de contact : choisissez Resend comme fournisseur d'e-mail dans le panneau d'intégration de Lovable. C'est gratuit pour les 3 000 premiers e-mails/mois.
Les valeurs par défaut de Lovable sont bonnes, pas excellentes. Les sections héros et tarification sont celles où les visiteurs décident s'ils continuent à lire. Construisez ces deux-là dans V0 à la place.
Dans V0, utilisez une invite avec une capture d'écran d'un héros que vous aimez (celui de Linear, Vercel, ou tout site SaaS que vous admirez) plus votre texte :
Construis ce héros avec mon texte : titre "[votre titre]", sous-titre "[votre sous-titre]", bouton CTA "[votre CTA]". Mode sombre, [couleur d'accent]. Ajoute un dégradé subtil et un espace réservé pour une maquette de capture d'écran à droite.
Copiez le code du composant de V0 dans Lovable, remplacez le héros existant. Idem pour la tarification. Lovable gère l'intégration proprement car les deux outils génèrent du code Tailwind + React.
Les photos de stock génériques donnent à un site l'apparence de tous les autres. Utilisez Photoroom pour soit :
La fonctionnalité "Générer un arrière-plan" est celle qui fait le gros du travail en 2026, donnez-lui votre découpe de produit et une invite pour la scène, obtenez une image cohérente dans vos couleurs.
Déposez le résultat dans le héros Lovable.
Dans Lovable, allez dans Domaine → Connecter un domaine personnalisé → entrez le vôtre. Lovable vous montre les enregistrements DNS à ajouter chez votre registraire (généralement 2 enregistrements : un enregistrement A et un CNAME). Ajoutez-les, attendez 5-10 minutes pour la propagation.
Pendant que le DNS se propage, faites la liste de contrôle de lancement :
Vous êtes en ligne.
Après le jour du lancement, le travail passe de la construction à l'apprentissage. La première semaine consiste à :
Le site que vous lancez aujourd'hui est un brouillon. Le site que vous aurez dans trois mois est celui qui compte. Lancez le brouillon aujourd'hui.