Une page, 23 700 $ par mois : vibe coding d'un site utilitaire en une journée

La plupart des créations no-code échouent non pas parce que les outils sont faibles, mais parce que l'ordre est mauvais : le builder s'ouvre, le texte est tapé, et les visuels sont plaqués sur du code fonctionnel jusqu'à ce que le résultat paraisse utilisable mais oubliable. L'approche présentée ici brise cette boucle en divisant le travail en deux phases distinctes. Claw design verrouille d'abord la typographie, les couleurs, la mise en page et le ressenti, puis Lovable transforme ce système en une vraie application — authentification, tableau de bord, enregistrements stockés, IA intégrée et lien en direct que n'importe qui peut ouvrir — sans jeter le design ; chaque fonctionnalité ultérieure s'empile sur le même langage visuel.

Une page qui paraît presque trop simple parle pourtant en grands chiffres. L'étude de cas est randomwordgenerator.com, signalée sur SimilarWeb à environ 1,613 million de visites et 2,12 pages par session, signe que les visiteurs essaient plus d'un outil avant de partir. Cette simplicité est un levier : chaque clic supplémentaire devient une vue de plus, et un outil à usage unique transforme une recherche rapide en courte navigation.

Le calcul derrière l'affirmation : de 1,6 million à 23 700 $

Le calcul est simple : 1,613 million multiplié par 2,12 donne environ 3,39 millions de pages vues ; divisez par 1 000 et multipliez par un RPM de 7 $ et vous arrivez à 23 744 $, arrondis à 23 700 $ dans l'histoire. La géographie conforte les 7 $ — avec un trafic pondéré vers les États-Unis et le Royaume-Uni, les impressions se vendent plus cher, et dans les niches de la finance ou des logiciels d'entreprise le RPM peut se situer bien au-dessus de ce niveau, d'où un chiffre présenté comme conservateur. La formule est visites × pages × RPM/1 000 ; les leviers sont le trafic, la profondeur par session et la localisation de l'audience.

Pourquoi les pages utilitaires marchent depuis une décennie

L'attrait, c'est que le site n'a pas besoin d'un flux d'articles frais. Les gens ont toujours besoin de mots aléatoires pour les jeux, les exercices de classe, les entraînements d'écriture et les séances de brainstorming, et un outil léger bien classé une fois peut continuer à attirer des visites Google pendant des mois. Le visiteur arrive, exécute une fonction instantanément et repart ; cette boucle serrée repose sur un besoin qui n'expire jamais, c'est pourquoi les calculatrices, les générateurs de noms et les formateurs de texte continuent de rapporter pendant que les fils sociaux et les tendances éditoriales tournent.

Trois conditions et le test de vitesse de Google

Un outil gagnant satisfait trois tests : cibler une recherche à intention claire — random letter generator en est un parfait exemple —, délivrer la réponse instantanément sans longs formulaires ni comptes obligatoires, et se positionner sur un mot-clé avec un volume de recherche suffisant pour financer le nombre de vues. Google tend à récompenser la page qui résout mieux la requête qu'un article maigre ; une page légère qui se charge vite, reste stable à l'écran et devient interactive presque immédiatement indique au robot que la tâche a été accomplie. Les Core Web Vitals, un décalage de mise en page minimal et une interactivité rapide deviennent ainsi des signaux de classement.

C'était autrefois un travail lourd en JavaScript — grilles responsives, outillage de build et particularités des appareils engloutissaient des semaines même pour un développeur chevronné. Lovable supprime ce fardeau en transformant des prompts en langage naturel en une application React Vite Tailwind fonctionnelle ; décrire, prévisualiser, ajuster et publier en une seule session sans écrire le code à la main. Le calendrier reste honnête : prompt, construction et peaufinage le jour un, connexion d'un domaine personnalisé et soumission à la Search Console la première semaine, observation de l'indexation les semaines deux à quatre, puis, une fois les impressions stabilisées à partir de la semaine quatre, candidature à AdSense et cap vers le premier paiement.

La théorie faite, la construction commence. Le premier prompt demande un assistant de mots aléatoires propre sur une seule page : une carte de mot bien visible, un contrôle pour un à dix mots et un grand bouton de génération. Une liste locale de 150 noms, verbes et adjectifs courants l'alimente, si bien que les résultats apparaissent instantanément sans base de données. Pas de comptes, pas de pages supplémentaires, pas de backend pour l'instant — juste l'outil central, juste la vitesse.

Le cœur en place, le deuxième prompt élargit la surface : une simple barre d'onglets — mots, lettres, nombres, noms — conserve la même mise en page tout en changeant d'outils. Le mode lettres émet des chaînes en majuscules, le mode nombres prend un minimum et un maximum et respecte un plafond comme 500 tandis que les changements de quantité gardent la carte intacte, et le mode noms puise des prénoms dans un pool local avec une grille qui s'adapte à mesure que les quantités augmentent. Les onglets restent réactifs sur ordinateur et mobile ; le langage visuel ne change pas entre les modes. Une fois l'analytique branchée, ces actions peuvent compter comme des vues virtuelles, augmentant les impressions monétisables par session.

La fonction en main, le polissage suit. Le troisième prompt demande un fond ardoise sombre, des accents émeraude, une typographie épurée, des cartes arrondies et un espacement équilibré, avec une règle mobile selon laquelle tout s'empile sans rognage ni défilement latéral. Après la mise à jour, les onglets se lisent plus nettement, les boutons principaux ressortent sans encombrement, et la composition respire sur les petits écrans — un détail qui compte car une grande part du trafic à intention arrive sur des téléphones où les zones de clic ne doivent pas se chevaucher et le texte ne doit pas déborder.

Un outil soigné seul ne s'indexe pas ; Google a besoin de prose à lire. Le prompt SEO ajoute un H1 indiquant « générateur gratuit et rapide de mots aléatoires et de données », un court explicatif pour rédacteurs, enseignants et brainstormeurs, et un accordéon avec quatre questions fréquentes — résultats, quantités, caractère aléatoire et usage mobile — glissé sous l'outil. Le bloc joue un double rôle : il répond sans envoyer les utilisateurs ailleurs et donne au robot un vrai texte au lieu d'une boîte vide et d'un bouton, si bien que titre, description et FAQ apprennent ensemble à la page quelles requêtes elle doit viser.

Vient ensuite la monétisation par conception. Le prompt crée un espace réservé réutilisable pour les futurs emplacements AdSense et l'épingle à trois endroits : une bannière au-dessus de l'outil, un emplacement vertical à côté de l'outil sur ordinateur et un bloc horizontal sous les résultats avant la FAQ. Chaque emplacement reçoit des dimensions fixes et de l'espace par rapport aux boutons pour que la page ne saute pas au chargement des vraies annonces et que les clics accidentels restent rares ; les identifiants éditeur et bloc réels ne remplacent les espaces réservés qu'après approbation, ce qui garde la démo propre.

Publication et découverte

À ce stade, le produit est complet : quatre modes, mise en page responsive, texte indexable et emplacements publicitaires qui ne gênent pas l'outil. La publication transforme un brouillon en actif. Dans Lovable, le contrôle bleu de publication génère un lien en direct, éventuellement sur un domaine personnalisé, avec la visibilité réglée sur public et l'icône, le titre, la description et l'image sociale remplis ; après une dernière vérification, la build de production est en ligne. Les tests sont exécutés deux fois : sur ordinateur, chacun des quatre générateurs est exercé avec des valeurs différentes, puis sur mobile via l'inspecteur et la barre d'appareils — iPhone ou Pixel — onglets, champs, résultats et emplacements publicitaires sont confirmés comme se réorganisant sans chevauchement ni rognage. La dernière pièce est la carte : demandez à Lovable de générer un sitemap.xml couvrant l'accueil et les quatre routes d'outils avec les bonnes URL et priorités, publiez pour le mettre en ligne, vérifiez le domaine dans Google Search Console et soumettez le sitemap. Les impressions s'accumulant, la candidature AdSense suit et les espaces réservés s'échangent contre de vrais identifiants. La trajectoire est prévisible — mois un l'indexation, mois deux et trois la visibilité longue traîne, mois quatre à six une dynamique plus forte — où un terme générique large comme « random word generator » reste difficile au début tandis que des queues comme « random letter generator for games » ou « six-letter random word picker » apportent le premier trafic. Une fois qu'un site a appris la boucle, le même plan se transpose à un compteur de mots, un convertisseur markdown, une calculatrice de pourcentage ou un générateur de mots de passe ; cinq à dix petits outils dans des niches variées, chacun modeste à lui seul, peuvent ensemble lisser le revenu mensuel. Un site n'a pas besoin d'être grand pour être une entreprise ; un outil rapide et ciblé qui donne envie de revenir peut durer plus longtemps que des plateformes plus lourdes sans publications quotidiennes.