Créer son site ou son app avec l’IA, sans savoir coder

Ce qu’il te faut

• Un ordinateur, Mac ou PC : une tablette ne suffit pas pour construire.
• Une IA qui code : dans l’Academy, on construit avec Claude ; un abonnement payant (Pro suffit pour commencer) donne accès à Claude Code.
• Node.js, le moteur qui fait tourner ta création sur ton ordinateur.
• Un compte GitHub et un compte Vercel, gratuits : pour sauvegarder ton travail, puis le mettre en ligne.
• Un compte Supabase, gratuit, seulement si ta création garde des données en ligne, comme un CRM ou des notes synchronisées.

Ton premier site en six étapes

1. 1Ouvre ton outil d’IA.
2. 2Décris ton activité en trois phrases : qui tu aides, comment, et pourquoi toi.
3. 3Colle le prompt ci-dessous, remplace les crochets, et lance la génération.
4. 4Ajuste : les couleurs de ta marque, tes textes, ta photo.
5. 5Déploie : ton site reçoit une vraie adresse web.
6. 6Teste-le sur ton téléphone, puis envoie le lien à une personne pour avoir un retour.

Crée un site vitrine one-page moderne et épuré pour [mon activité].
Cible : [mes clients].
Sections : héro avec accroche forte, 3 bénéfices, présentation, témoignages (placeholder), appel à l'action « [mon offre] ».
Style : professionnel, typographie soignée, couleur principale [ma couleur], beaucoup d'espace blanc.
Mobile-first, rapide, avec un formulaire de contact simple.

Un bon prompt, c’est un bon brief : plus tu es précis sur ta cible et ton offre, plus le résultat est juste du premier coup. Les témoignages du prompt sont des emplacements : remplace-les par de vrais avis, ou retire la section. Et relis toujours les textes proposés avant de publier : c’est ta voix, et c’est toi qui connais tes clients.

Une page qui vend : cinq blocs

Un joli site ne sert à rien s’il ne fait rien faire. Une page d’accueil qui vend n’a qu’une mission, et la même structure, en cinq blocs, dans cet ordre :

1. 1Une accroche claire : à qui tu t’adresses et quel résultat tu apportes. Le visiteur doit comprendre en 3 secondes s’il est au bon endroit.
2. 2Des bénéfices, pas des fonctionnalités : « ne plus jamais oublier de relancer un client » plutôt que « une fonction de relance automatique ».
3. 3De la preuve : témoignages, avis, logos de clients. Un seul vrai témoignage vaut mieux que trois inventés.
4. 4Un seul appel à l’action, avec un verbe clair (« Réserver mon appel », « Commander »), répété deux ou trois fois en descendant.
5. 5Un formulaire simple : le moins de champs possible. Souvent, un e-mail suffit pour démarrer la conversation.

Ta première version est une hypothèse. Pour l’améliorer, compare deux variantes de la même page auprès de vrais visiteurs, en ne changeant qu’une chose à la fois, et ne tire aucune conclusion sur dix visiteurs.

Ton nom de domaine

Une adresse comme mon-app.vercel.app suffit pour tester, pas pour vendre : personne ne retient une adresse technique. Ton propre nom de domaine est mémorisable, crédible, et c’est toi qui en es propriétaire.

1. 1Achète-le chez un registrar : .fr si tu vends en France, .com pour l’international ; court, et facile à épeler à l’oral. Décoche les options payantes proposées : tu n’as besoin que du nom.
2. 2Ajoute-le dans Vercel, dans les réglages du projet (Settings, puis Domains) : Vercel affiche les enregistrements DNS à copier.
3. 3Recopie-les chez ton registrar, dans la zone DNS du domaine : en général un enregistrement A pour le domaine nu et un CNAME pour le www.
4. 4Laisse le temps de la propagation : le plus souvent quelques minutes, parfois jusqu’à 24 ou 48 heures. Le cadenas HTTPS s’installe tout seul dès que le domaine est vérifié.

Choisis une seule version officielle de ton site, avec ou sans www, et redirige l’autre vers elle. Active le renouvellement automatique : un domaine qui expire, c’est un site qui disparaît du jour au lendemain.

Au-delà du site : ton app, ton CRM

Le même principe construit de vrais outils. Dans le module « Ta première création » de l’Academy, tu choisis ce que tu construis (l’île en 3D de ta boîte, un CRM, ta chambre en 3D, un système de notes, des salaires automatiques) et tu suis le guide avec le prompt exact. Un CRM utile tient en quatre briques : les contacts, le pipeline en colonnes, le statut de chaque contact, et la prochaine action à faire, avec sa date.

Avant d’ouvrir : les 20 verrous

L’IA poursuit un objectif : que ça marche, pas forcément que ce soit fermé à clé. Elle laisse parfois des portes ouvertes sans rien dire : une clé secrète au mauvais endroit, une table lisible par tous, un formulaire qu’un robot peut remplir à la chaîne. Que ton site marche ne prouve rien sur sa sécurité : il faut aller vérifier, verrou par verrou.

Les deux plus importants pour un projet fait avec l’IA : la RLS, la sécurité ligne par ligne (des règles qui disent, pour chaque table, qui a le droit de lire et de modifier quelle ligne), car son absence est la faille numéro un de ces projets ; et la règle d’or : seule la clé publique va dans le navigateur, jamais une clé secrète.

Avant la mise en ligne, publie aussi tes pages légales (mentions légales, confidentialité, cookies, CGU, et CGV si tu vends) et pose les balises qui te font trouver. On les détaille dans notre guide sur les contrats et notre guide pour être trouvé sur Google.