Docs ChanTan StudioCréer votre premier site avec ChanTan Studio, pas à pas
Décrivez votre idée, appuyez sur Générer, et voyez un vrai site apparaître en 2 à 4 minutes. Le guide complet de votre toute première construction.
Votre première construction crée un projet entier à partir de rien. Elle prend environ 2 à 4 minutes et démarre toute seule — une fois Générer pressé, il n'y a plus aucun bouton à toucher.
Avant de commencer : créer un projet est gratuit. Ce sont les crédits de la construction qui suit qui sont dépensés.
1. Mettez votre idée dans le champ
Sur votre tableau de bord, le grand champ indique « Parlez ou écrivez — décrivez votre appli et nous la construisons... »
Écrivez ce que vous voulez, avec vos mots à vous. « Un site pour ma boulangerie parisienne, la Boulangerie Lumière : la carte des pâtisseries, les horaires, et un formulaire de commande de gâteaux. Des couleurs chaudes. » Le champ s'agrandit à mesure que vous écrivez.
Vous préférez parler ? Appuyez sur le micro rond et bleu en haut à droite du champ (« Touchez pour parler »). Votre navigateur demande l'autorisation une seule fois. Vous disposez de Pause, « Annuler » et « Terminé — transcrire », et vos paroles s'affichent dans le champ, dans votre langue.
Rien n'est envoyé automatiquement — vous relisez toujours avant.
Vous ne savez pas par où commencer ? Appuyez sur « Appelez-nous », à côté de « Vous ne savez pas par où commencer ? Parlez à une IA ChanTan », pour avoir une vraie conversation orale avec un assistant qui rédigera ensuite la demande à votre place.
ℹ️ Les très longues descriptions ne posent aucun problème. Au-delà d'environ 45 000 caractères, vous verrez « 📎 Brief long — il sera joint automatiquement en fichier ». Cela ne vous bloque jamais : ChanTan transforme le texte long en documents joints et les lit tous.
2. Choisissez un constructeur (facultatif)
La rangée de pastilles sous le champ vous laisse choisir quel constructeur ChanTan fait le travail.
| Constructeur | Indice de coût | À choisir quand |
|---|---|---|
| « Chantan Pro » (choisi pour vous) | $ |
Le quotidien. Commencez par là. |
| « Chantan Pro Max » | $$ |
L'esthétique prime et vous voulez que chaque construction ait sa personnalité |
| « Chantan Ultra » | $$$ |
Votre application manipulera les données de vraies personnes — comptes, commandes, messages |
Les trois vérifient leur propre travail avant de vous le rendre. Les marques $ / $$ / $$$ donnent une idée relative de la lourdeur de la construction, ce n'est pas un prix.
Survolez une pastille (sur téléphone, touchez celle qui est déjà sélectionnée) pour voir ses notes sur 10 en « Vitesse », « Qualité de construction », « Sécurité », « Fiabilité » et « Coût ». Votre choix est mémorisé pour la prochaine fois.
Les trois affichent une étiquette « Beta » — c'est normal pendant la bêta fermée. Sous la conversation, où la place manque, le nom est raccourci à son dernier mot : « Chantan Pro » s'y lit « Pro BETA ».
Dans le doute, restez sur « Chantan Pro ». S'il est proposé par défaut, ce n'est pas un hasard.
3. Décidez si vous voulez un plan d'abord (facultatif)
Le petit bouton « Plan », à côté de Générer, signifie, dans les mots mêmes du produit : « Planifier d'abord — l'agent propose un plan que vous approuvez avant toute construction ».
Avec Plan activé, le grand bouton devient « Voir le plan » au lieu de « Générer », et vous recevez un plan à lire et à approuver avant qu'un seul fichier soit écrit. Un plan ne change rien — c'est une proposition.
4. Appuyez sur « ⚡ Générer »
Appuyez sur « Générer » — ou faites ⌘/Ctrl + Entrée.
Il n'y a pas d'étape de confirmation. ChanTan crée le projet, lui donne un nom court de 2 à 4 mots tiré de votre idée, et l'ouvre aussitôt.
ℹ️ La page change immédiatement — c'est normal. Votre projet vient de s'ouvrir, et la construction démarre d'elle-même. Vous ne nommez pas le projet ; renommez-le quand vous voulez depuis le menu « ••• » de sa carte → « Renommer ».
5. Regardez votre application se construire
Un écran animé plein cadre occupe toute la zone d'aperçu pendant la construction, pour que vous ne voyiez jamais une page à moitié faite.
L'en-tête de la conversation affiche « Construction de votre première version » avec « Temps estimé : 2-4 min » sous la barre, et une ligne d'état qui défile en énumérant ce qui est mis en place pour vous : « Démarrage de l'environnement de développement », « Installation des dépendances du projet », « Création de votre base de données privée », « Préparation du serveur d'aperçu en direct », « Exécution des vérifications de santé ».
Dans la conversation, l'IA raconte ce qu'elle fait dans votre langue — écrivez-lui en français et tout le récit vous revient en français.
Quand les photos sont fabriquées, une bande de vignettes s'affiche, étiquetées « Image N sur M », chacune passant de Création à « Image prête ». Touchez une vignette terminée pour la voir en grand.
ℹ️ Vous n'êtes pas obligé de rester devant. La construction tourne du côté de ChanTan, pas dans votre navigateur. Fermez l'onglet, changez d'appareil, perdez votre connexion : à votre retour, la conversation vous rattrape.
6. Répondez aux cartes que l'IA vous montre
L'IA peut faire une pause et poser une carte dans la conversation. Une carte en attente met la construction en pause jusqu'à votre réponse.
| Carte | Ce qu'il faut faire |
|---|---|
| « Questions » | Touchez des options, écrivez la vôtre, ou appuyez sur « Tout passer » pour la laisser choisir des valeurs sensées |
| « Votre appli a besoin d'une base de données » | Gardez le choix par défaut, la base Chantan. Tout est configuré pour vous et vous n'écrivez aucun code |
| La carte à copier (un identifiant ou un mot de passe qu'elle a créé) | Appuyez sur « Copier » et rangez-le quelque part. Il est aussi conservé dans « Gérer » → « Historique du chat, identifiants et fichiers » |
| Le plan | « Approuver et construire » pour construire exactement cela, ou « Pas maintenant » pour le mettre de côté |
Si l'IA pose des questions au lieu de deviner, c'est parce qu'une mauvaise supposition vous coûterait une construction entière.
7. Votre site apparaît
La couverture ne se lève que lorsque votre application est vraiment prête : un court fondu, et elle est là, en direct et cliquable, à droite.
Un bref carillon retentit à la fin de la construction.
✅ Terminé ! Vous devriez voir votre vrai site, fonctionnel, dans le panneau de droite — vous pouvez cliquer sur ses liens et le faire défiler comme un visiteur. Dans la conversation vous trouverez une carte « Et ensuite ? » avec des suggestions, et un bouton « Annuler » sous le champ de message.
À ce stade, votre site est privé. Personne d'autre ne le voit tant que vous n'appuyez pas sur « Publier ».
8. Demandez votre première modification
Écrivez votre demande suivante dans la même conversation : « mets l'en-tête en vert », « ajoute une page contact ».
Les modifications suivantes n'ont pas la même allure que la première construction : pas d'écran de couverture, l'aperçu reste visible et se met à jour sur place, et la conversation affiche « Compréhension de votre demande », sans estimation de durée.
Chaque réponse ayant modifié des fichiers laisse un point de retour en arrière : le bouton « Annuler » en bas de la conversation, et un « ↩ Annuler » sur la réponse elle-même.
Si quelque chose coince
| Ce que vous voyez | Ce qu'il faut faire |
|---|---|
| « Échec de la création du projet » | Réappuyez sur Générer ; si cela se répète, rechargez la page |
| « You have reached the maximum number of projects… » (vous avez atteint le nombre maximum de projets) | Vous êtes au plafond de 2 000 projets actifs. Mettez-en à la corbeille — ceux qui y sont ne comptent pas |
| « You are creating projects too quickly… » (vous créez des projets trop rapidement) | Patientez une minute environ. Un usage normal n'atteint jamais cette limite |
| Cela dépasse les 4 minutes | C'est presque toujours normal — les photos et les vidéos ajoutent plusieurs minutes silencieuses |
| « Connexion perdue — reconnexion... » | C'est votre connexion qui a lâché, pas la construction. Elle continue et la conversation rattrape le retard |
| « Construction échouée » | Appuyez sur « Tenter une correction ». Votre aperçu affiche déjà votre dernière version fonctionnelle |
Un message enveloppé dans HTTP 429: {…} |
Ignorez l'emballage technique — seule la phrase entre guillemets compte |
Recharger la page est sans danger, même en pleine construction. Au chargement, ChanTan vous reconnecte à la construction en cours — et s'il en trouve une réellement morte, il la relance pour vous. Une construction qui s'interrompt de façon inattendue est reprise automatiquement, jusqu'à deux fois, avec votre message et vos photos intacts.
Ce que ça coûte, honnêtement
- Créer le projet est gratuit. C'est la construction qui suit qui dépense des crédits, selon le travail réellement effectué.
- Les photos générées coûtent des crédits — ChanTan vous prévient par une notification à chaque débit.
- Si vous appuyez sur Stop, tout ce qui est déjà terminé est conservé et seul le travail achevé vous est facturé. Rien n'est annulé.
- Une réserve, pas un débit. Au démarrage d'une construction, des crédits sont mis de côté — affichés comme « Réserve pour travail en cours » — pour qu'une construction ne puisse jamais vous faire passer sous zéro. La part non utilisée est libérée automatiquement à la fin.
⚠️ Aucun message de « crédits remboursés » n'existe nulle part dans le produit. N'attendez pas de notification. Pour vérifier, regardez votre solde dans l'en-tête et la liste d'activité sur la page de facturation.
Les limites, honnêtement
- Une seule construction à la fois par projet. Envoyez un message en pleine construction et il est mis en file d'attente pour vous — rien n'est perdu.
- Chaque construction a une limite de travail, pour qu'elle ne puisse jamais tourner, ni facturer, indéfiniment. Si l'IA l'atteint alors qu'il reste du vrai travail, un bouton « ▶ Reprendre là où je me suis arrêté » relance la même tâche. Vous pouvez aussi simplement écrire « continue ».
- L'IA touche parfois un fichier que vous n'aviez pas mentionné — parce que votre demande en dépendait. Les modifications anormalement larges vous demandent d'abord votre accord avec « Modification importante détectée. », et une réécriture de la majeure partie de votre projet est bloquée tant que vous n'avez pas tapé un mot de confirmation.