Docs ChanTan StudioL'aperçu en direct de ChanTan Studio, expliqué simplement
Le panneau de droite, c'est votre application qui tourne vraiment, visible de vous seul. Barre d'outils, formats mobile, mise en veille et redémarrage gratuit.
La partie droite de votre projet, c'est l'aperçu en direct, intitulé « Aperçu de l'appli ».
C'est votre application, réellement en train de tourner. Ni une image, ni une maquette. Vous pouvez cliquer sur ses liens, remplir ses formulaires et naviguer entre ses pages exactement comme le ferait un visiteur.
Deux choses à savoir d'abord
1. L'aperçu est privé. Ce n'est pas votre site publié. Personne d'autre que vous ne peut l'ouvrir. Tout ce que vous et l'IA modifiez apparaît ici en premier. Les visiteurs ne voient rien tant que vous n'avez pas appuyé sur « Publier ».
2. L'aperçu se met en veille volontairement. Après environ 20 minutes sans activité, l'espace de travail de votre application est mis en pause pour économiser des ressources. Avec le projet ouvert et connecté, il reste éveillé plus longtemps, mais jamais au-delà d'environ 60 minutes.
Quand s'affiche « Votre appli est en veille »
Vous voyez une carte à la lune posée sur une image floutée de votre application :
🌙 « Votre appli est en veille » — « Nous l'avons mise en pause pour économiser des ressources. Touchez pour la réveiller. »
Ce n'est pas une erreur, et rien n'est perdu. Votre code, vos données et votre site publié ne bougent pas. Appuyez sur « Réveiller » et tout redémarre.
Le réveil est gratuit — il ne coûte jamais de crédits.
La barre d'outils au-dessus de votre application
Tout ce qui se trouve sur cette bande est gratuit.
| Commande | Libellé | Ce qu'elle fait |
|---|---|---|
| Icône d'agrandissement | « Passer en plein écran » | Masque le chat pour que l'aperçu remplisse la fenêtre. Échap pour en sortir. Absent sur téléphone |
| Champ de page | affiche / ou /a-propos |
En l'ouvrant, vous listez les pages de votre application — choisissez-en une pour y aller |
| Trois formats | « Ordinateur » · « iPad » · « Mobile » | Affiche votre application en pleine largeur, en 820 × 1180 et en 390 × 844 |
| Flèche circulaire | « Actualiser l'aperçu » | Recharge la page affichée |
| Flèche sortant d'un cadre | « Ouvrir dans un nouvel onglet » | Ouvre la même page dans son propre onglet — toujours l'aperçu privé |
| Crayon | « Modifier textes, couleurs et photos directement » | Active l'édition au clic. Pour en ressortir : le bouton « Annuler » de la barre verte qui apparaît alors en haut de l'aperçu |
Les formats d'écran sont réels, ce n'est pas un effet visuel. Votre application croit sincèrement se trouver sur une tablette de 820 px ou un téléphone de 390 px, donc votre design responsive réagit pour de bon. Le cadre est seulement réduit visuellement pour tenir sur votre écran. Changer de format ne recharge rien, vous ne perdez donc jamais votre place.
Il y a exactement trois formats — il n'existe pas de champ de largeur personnalisée.
Certaines pages sont délibérément absentes de la liste : celles qui exigent une valeur dans l'adresse (un produit précis, une commande précise) et les pages « introuvable » fourre-tout. Elles ne peuvent pas s'ouvrir à l'aveugle, donc elles ne sont pas proposées.
Les messages qui flottent sur l'aperçu
| Message | Ce qu'il signifie |
|---|---|
| « Mise à jour... » ou « Étapes 3/7 » | L'IA modifie votre application en ce moment même. Le plus souvent sans le moindre rechargement |
| « L'aperçu a rencontré un problème. » avec « Corriger » et « Ignorer » | Votre application a produit une erreur. ⚠️ « Corriger » lance une vraie construction IA, donc cela coûte des crédits. « Ignorer » masque simplement le message |
| « Aperçu d'une ancienne version — ce n'est PAS l'état actuel » | Vous regardez une version enregistrée de l'historique. Appuyez sur « Revenir à la version actuelle » |
| « Retour d'une version en arrière... » | Vous avez appuyé sur Annuler. Laissez l'opération se terminer |
La proposition « Corriger » est volontairement masquée pendant une construction, pendant le démarrage de l'aperçu et pendant une reconnexion — pour qu'on ne vous propose jamais une correction payante à un problème sur le point de se résoudre tout seul.
Autres affichages possibles à la place de votre application
| Ce que vous voyez | Ce qu'il faut faire |
|---|---|
| Une image floutée avec une pastille « Chargement… » | Rien — elle s'efface toute seule |
| Un écran aux couleurs de ChanTan avec le logo et une barre de progression | Patientez. Votre espace de travail démarre ou votre première construction tourne. Chaque ligne est une étape réelle |
| « Reconnexion à votre aperçu… » | Patientez environ 8 secondes. Si rien ne se rétablit, un bouton « Réveiller » apparaît — appuyez dessus |
| Un simple bouton « Réessayer » | Appuyez dessus. Si l'échec persiste, redémarrez l'aperçu (voir plus bas) |
ChanTan vérifie discrètement la santé de l'aperçu toutes les 3 minutes pendant que vous consultez le projet, et de nouveau quand vous revenez sur l'onglet. Vous ne voyez normalement rien du tout : un démarrage lent n'est jamais confondu avec une application morte.
Redémarrer l'aperçu à la main
C'est le bon réflexe quand l'aperçu reste bloqué, blanc ou bizarre après plusieurs actualisations.
- Ouvrez le panneau « Historique des versions », à gauche de votre projet.
- Choisissez « Redémarrer l'aperçu ».
- Confirmez avec « Oui, redémarrer ».
La confirmation vous dit exactement ce qui va se passer : « Ceci reconstruit l'aperçu de votre appli à partir de zéro. Cela prend généralement 30 à 60 secondes (jusqu'à 3 minutes dans de rares cas). Votre code et vos données ne sont pas affectés — seul le conteneur d'aperçu redémarre. »
C'est gratuit et sans risque.
L'aperçu est-il mon site publié ?
Non. Ce sont deux choses différentes :
| Aperçu | Site publié | |
|---|---|---|
| Qui peut le voir | Vous seul | Toute personne ayant le lien |
| Ce qu'il montre | Votre travail le plus récent | Uniquement votre dernière publication |
| Se met en veille ? | Oui, après ~20 minutes | Jamais |
« Ouvrir dans un nouvel onglet » ouvre l'aperçu, pas votre site publié — et cet onglet cesse de fonctionner dès que l'aperçu se met en veille. Pour partager votre application, publiez-la.
Limites assumées
- Réveiller, redémarrer, actualiser, changer de format, passer en plein écran et ouvrir dans un nouvel onglet sont tous gratuits. Seul le travail réalisé par l'IA consomme des crédits.
- L'aperçu reflète votre travail le plus récent en quelques secondes ; un remplacement de photo provoque un rechargement unique, et ce rechargement est normal.
- Si l'aperçu est blanc ou vide et qu'actualiser n'y change rien, utilisez d'abord « Redémarrer l'aperçu » : cela résout bien plus de cas qu'une simple actualisation.