nomadic.steph
Me contacter →Contact →
Vibe codingTuto

Créer un site avec l’IA : le guide pas à pas

Tu peux créer un site pro en quelques heures, sans écrire une ligne de code. Je te montre ma méthode de vibe coding, de la première idée à la mise en ligne.

Steph
Stéphanie Canovas
Mis à jour le 24 sept. 2026·12 min de lecture
Vibe codingTuto
Ton site avec l’IA, pas à pas

Ce que tu vas créer

À la fin de ce guide, tu auras une landing page complète : un message clair, des sections qui rassurent et un formulaire de contact. Tu pourras l’adapter à n’importe quelle activité.

Les outils dont tu as besoin

Deux outils suffisent pour ce tuto : un outil de vibe coding pour créer ton site, et une solution pour gérer les cookies.

H
Hostinger HorizonsPartenaire

Crée ton site avec l’IA et publie-le en un clic, hébergement inclus.

NOMADICSTEPH Essayer ↗
U
UsercentricsPartenaire

Ta bannière cookies conforme au RGPD, en quelques minutes.

NOMADICSTEPH Essayer ↗

Certains liens sont affiliés : ça ne te coûte rien de plus et ça soutient mes tutos gratuits.

Vibe coding ou WordPress ?

Les deux méthodes permettent de créer un site pro. Voici comment elles se comparent.

CritèreVibe coding (IA)WordPress
RapiditéQuelques heuresQuelques jours
PersonnalisationTotale, en décrivant ce que tu veuxGrande, avec thèmes et extensions
Modifier seul ensuiteAvec des promptsAvec l’éditeur visuel
Blog et contenusPossible, moins pratiqueIdéal
Idéal pourLanding page, site vitrine, outilSite vitrine, blog, site évolutif

Le tuto en vidéo

Tu préfères regarder ? Toutes les étapes sont dans la vidéo.

Miniature de la vidéo YouTube
▶ YouTube · 18 min

Étape par étape

  1. 1

    Décris ton projet

    Avant d’ouvrir l’outil, prends 10 minutes pour écrire ce que tu veux. Plus ton prompt est précis, meilleur sera le résultat.

    Prompt · étape 1
    Crée une landing page pour [ton activité].
    Cible : [ta cible].
    Objectif : [recevoir des demandes de contact].
    Sections : hero avec une proposition de valeur claire, bénéfices, témoignages, FAQ, formulaire de contact.
    Style : [moderne, chaleureux], couleurs [tes couleurs].
    Textes en français, tutoiement, phrases courtes.
  2. 2

    Génère ta première version

    Colle ton prompt dans l’outil et laisse l’IA générer la page. Ne cherche pas la perfection : c’est une base de travail.

  3. 3

    Affine section par section

    Demande une modification à la fois. Tu gardes le contrôle, et l’IA comprend mieux ce que tu veux.

    Prompt · étape 3
    Réécris le titre du hero en moins de 8 mots, avec un bénéfice clair pour [ta cible]. Propose 3 versions.
  4. 4

    Ajoute ton vrai contenu

    Remplace les textes et les images d’exemple par les tiens : ton offre, tes photos, tes témoignages.

  5. 5

    Publie et vérifie

    Connecte ton nom de domaine, puis teste ton site sur mobile et sur ordinateur.

Kit offert

Tous les prompts et outils de ce tuto, dans le Kit vibe coding.

Recevoir le kit offert →

Et après : rends ton site visible

Ton site est en ligne. Maintenant, il faut qu’on le trouve : sur Google, mais aussi dans les réponses des IA.

Offre SEO / GEO

Je rends ton site visible sur Google et dans les IA.

Questions fréquentes

Non. Tu décris ce que tu veux en français, l’IA écrit le code. Savoir lire un peu de code aide, mais ce n’est pas obligatoire.

Steph

Écrit par

Stéphanie Canovas

Je crée des tutos et formations pour aider les entrepreneurs à créer et optimiser leur site web. +8 000 entrepreneurs formés.

À lire ensuite

Tous les articles →
Site webComparatif
WordPress ou IA ?
17 sept. 2026·8 min de lecture

WordPress ou IA : quelle méthode choisir pour ton site ?

Rapidité, budget, autonomie : le match honnête pour faire le bon choix dès le départ.

Lire l’article →
IARessource
10 prompts pour ton site
3 sept. 2026·6 min de lecture

10 prompts pour écrire les textes de ton site

Des prompts prêts à copier pour ta page d’accueil, ta page À propos et tes offres.

Lire l’article →
SEO / GEOGuide
Être cité par les IA
10 sept. 2026·10 min de lecture

Comment être cité par ChatGPT : le guide du GEO

Les leviers concrets pour que les IA recommandent ton site dans leurs réponses.

Lire l’article →

Une question sur ce tuto ?

Écris-moi, je lis chaque message.

Poser ma question → Me faire accompagner