Ce que vous pouvez créer

Avec FromScratch, vous pouvez créer la plupart des choses qui vivent dans un navigateur : un site vitrine pour une entreprise, une page de lancement qui recueille des inscriptions, un outil interne pour votre équipe, un tableau de bord, un système de réservation ou une boutique en ligne complète. Cette page présente les points de départ et ce qui fonctionne bien.

Partir d'une page blanche ou d'un modèle

Sur la page d'accueil, vous pouvez simplement décrire votre idée dans la zone sous « Que voulez-vous créer ? ». L'agent part alors d'une base minimale et construit tout à partir de votre description.

Si quelque chose de proche existe, choisissez-le sous « Ou partez d'un modèle ». Les modèles ne sont pas des captures d'écran : chacun est une application qui fonctionne, avec sa petite base de données, du vrai contenu et des formulaires qui enregistrent. Vous demandez ensuite à l'agent de changer les textes, les couleurs, les pages et les fonctionnalités.

Modèle	Ce que vous obtenez
Blank	Une base minimale : l'agent construit tout à partir de votre description.
Landing Page	Une page de lancement avec une démo interactive et une liste d'attente qui fonctionne.
SaaS	Un site de logiciel : présentation du produit, tarifs lus dans la base, formulaire d'inscription.
Admin Dashboard	Indicateurs et graphique de revenus calculés à partir de vraies commandes, filtres, stock et réglages.
CMS	Un gestionnaire de contenu : articles par statut et éditeur qui enregistre brouillons, programmation et publication.
Storefront	Collections, grille de produits et panier avec contrôle du stock et frais de livraison.
Restaurant	Carte et horaires depuis la base, réservation de table par créneau.
Blog	Article à la une, filtre par tag, vue lecture et inscription à la newsletter.
Portfolio	Grille de projets filtrable, pages d'étude de cas et formulaire de contact.
Real Estate	Recherche de biens avec filtres en direct, fiches détaillées et demandes de visite.
Fitness	Planning hebdomadaire des cours avec places restantes, réservation et formules d'abonnement.
Agency	Études de cas, services et formulaire de demande de projet avec choix du budget.
Chat App	Conversations, bulles de messages et zone de saisie reliée à un assistant interchangeable.

Avant de créer le projet, le sélecteur « Thème du site » à côté des modèles vous permet de choisir Clair ou Sombre pour votre site. Voir Sites clairs et sombres.

Une vraie boutique en ligne

La carte « Site e-commerce » est différente du modèle « Storefront » : elle crée une boutique complète avec un moteur de commerce, un panier, un paiement, des comptes clients, des commandes et une admin de la boutique pour gérer produits et commandes. Quand vous cliquez dessus, « Choisissez le design de votre boutique » s'ouvre avec quatre designs, chacun avec ses produits de démonstration, en clair et en sombre :

MAISON — Mode & vêtements : sérif éditorial, grande photo de campagne, fiches produit en portrait avec les tailles.
Oaklane — Maison & déco : ambiance scandinave apaisée, accueil en deux colonnes, entrée par pièce, accent sauge.
Velour — Beauté & cosmétiques : palette rose poudré, titres sérif, entrée par besoin de peau.
Kinetic — Tech & gadgets : mise en page nette, accent bleu électrique, caractéristiques sur chaque fiche.

Vous remplacez ensuite le catalogue de démonstration par vos produits, ou vous les importez depuis votre boutique Shopify ou WooCommerce existante. Tout est expliqué dans Créer une boutique en ligne et Ajouter des produits ou importer votre catalogue.

Des idées qui marchent bien

Voici des projets typiques, avec un guide pour plusieurs d'entre eux :

Une application de réservation pour un salon, un coach ou une location — voir Créer une app de réservation avec l'IA.
Un petit CRM pour suivre contacts et affaires — voir Créer un CRM avec l'IA.
Un tableau de bord qui transforme vos données en graphiques — voir Créer un tableau de bord avec l'IA.
Un outil interne : inventaire, formulaire de demande, planning — voir Créer un outil interne avec l'IA.
Une marketplace qui met en relation deux publics — voir Créer une marketplace avec l'IA.
Un site vitrine pour une entreprise, un événement ou un portfolio.

Exemple de prompt

Un site pour mon studio de yoga « Studio Lune » à Bordeaux : une page d'accueil avec une photo apaisante, le planning des cours de la semaine, une page des tarifs et un formulaire pour réserver un cours d'essai. Couleurs beige doux et vert.

Exemple de prompt

Un outil interne pour suivre les prêts de matériel de l'équipe : la liste des objets avec leur statut, un formulaire pour prêter un objet à quelqu'un avec une date de retour, et une page qui montre les retards.

Reprendre un projet existant

Si vous avez déjà le code source d'un projet, « Importer un projet (.zip) » sur la page d'accueil crée un projet à partir de votre archive. Vous pouvez ensuite demander à l'agent de continuer à partir de là.

Bon à savoir

Tout ce que vous créez s'ouvre dans le navigateur, sur ordinateur comme sur téléphone. Utilisez le choix Bureau / Mobile au-dessus de l'aperçu pour vérifier les deux.
Le paiement par carte est intégré aux boutiques (avec Stripe). Pour les autres types de sites, demandez à l'agent ; les éventuelles clés se mettent dans Variables, jamais dans le chat. Voir Variables d'environnement.
Un gros projet se construit en plusieurs étapes. Commencez par le cœur de votre idée, publiez, puis ajoutez le reste.

Astuce
si vous hésitez entre deux modèles, prenez celui dont les données ressemblent le plus aux vôtres (réservations, commandes, articles…). Les couleurs et les textes sont ce qui se change le plus facilement ensuite.

Questions fréquentes

Puis-je tout changer dans un modèle ?

Oui. Textes, images, couleurs, pages et fonctionnalités se modifient en le demandant à l'agent. Le contenu de démonstration sert seulement à démarrer.

Le modèle « Storefront » est-il une vraie boutique ?

C'est un site de type boutique qui fonctionne, avec un panier. Pour une boutique complète avec paiement, comptes clients et admin, utilisez « Site e-commerce ».

Puis-je partir d'un site que j'aime ?

Oui : donnez son adresse à l'agent et dites ce que vous voulez garder (mise en page, couleurs, sections). Il étudie la page et construit votre propre version.