Docs ChanTan StudioComment publier votre application avec ChanTan Studio
Mettez votre site en ligne à une vraie adresse web en 1 à 4 minutes : choisissez votre adresse chantan.one gratuite, publiez, puis diffusez vos retouches.
Tant que vous construisez, votre application ne vit que dans votre aperçu privé. Publier, c'est en poser une copie sur l'internet public, à une vraie adresse web : n'importe qui peut l'ouvrir dans un navigateur, sans connexion et sans compte ChanTan.
Prenons la Boulangerie Lumière, à Paris. Sa carte des pâtisseries et son formulaire de commande de gâteaux sont prêts dans l'aperçu ; il ne reste qu'à les rendre visibles à la terre entière.
À savoir avant de commencer :
- La publication dure environ 1 à 4 minutes. Vous pouvez fermer la fenêtre : le travail continue en arrière-plan.
- Votre adresse gratuite l'est pour toujours, et le HTTPS (le cadenas) est mis en place automatiquement.
- L'hébergement est gratuit le premier mois pour chaque application publiée, puis facturé en crédits chaque mois — voir l'hébergement ChanTan Cloud.
- Le lien d'aperçu n'est pas fait pour être partagé. C'est un aperçu privé et temporaire, qui finit par s'endormir. L'adresse publiée, elle, est la vraie, la permanente.
1. Appuyez sur « Publier »
Le bouton « Publier » est le dernier élément de l'en-tête de votre projet (info-bulle : « Publiez votre appli sur le web »). Sur téléphone, c'est l'icône ronde en forme de fusée, en bout de ligne.
S'il est grisé, c'est que l'IA travaille encore — l'info-bulle affiche alors « Un instant — vous pourrez publier dès la fin de la génération ». Laissez-la terminer.
2. Choisissez « Adresse gratuite »
Une fenêtre s'ouvre : « Où les gens visiteront-ils votre site ? », avec trois cartes.
| Carte | Badge | Ce que vous obtenez |
|---|---|---|
| « Adresse gratuite » | « GRATUIT · LE PLUS RAPIDE » | mon-appli.chantan.one |
| « J'ai un domaine » | — | Utiliser un domaine que vous possédez déjà |
| « Acheter un domaine » | « DÈS 1 $/AN » | Obtenir votresite.com, configuration comprise |
Appuyez sur « Adresse gratuite ». Ces trois options ne s'excluent pas : votre adresse gratuite est toujours créée en premier et continue de fonctionner indéfiniment ; un nom de domaine à vous vient s'ajouter par-dessus, plus tard.
3. Choisissez le nom de votre adresse
Toucher « Adresse gratuite » ne publie encore rien : cela ouvre « Choisissez votre adresse gratuite », pré-remplie avec le nom de votre projet.
⚠️ « Choisissez bien — votre adresse web ne pourra pas être changée ensuite. » Une seule adresse par projet, définitivement. Si vous voulez plus tard une autre adresse, la voie prévue est de relier un nom de domaine à vous.
Les règles du nom :
| Règle | Valeur |
|---|---|
| Longueur | 3 à 30 caractères |
| Autorisé | lettres minuscules, chiffres et tirets |
| Doit commencer et finir par | une lettre ou un chiffre — jamais un tiret |
| Majuscules, espaces, accents | nettoyés automatiquement pendant la saisie |
| Interdit | une quarantaine de mots réservés, comme www, app, admin, api, mail, support, blog, dashboard, login |
Le champ vérifie au fur et à mesure. Une coche verte avec « Disponible ! » : c'est bon, boulangerie-lumiere est à vous.
Si une croix rouge apparaît, le message dit exactement pourquoi :
| Message | Que faire |
|---|---|
| « Utilisez au moins 3 caractères. » | Allongez le nom |
| « Elle ne peut ni commencer ni finir par un tiret. » | Déplacez le tiret vers le milieu |
| « Ce nom est réservé. » | Choisissez un autre mot |
| « Utilisez 3 à 30 lettres, chiffres et tirets. » | Retirez tout ce qui n'est ni lettre, ni chiffre, ni tiret |
| « Cette adresse est déjà prise. » | Quelqu'un l'a réservée — ajoutez un mot ou un tiret |
| « Impossible de vérifier cette adresse pour l'instant — continuez à taper ou réessayez. » | La vérification elle-même a échoué. Elle répond « indisponible » à dessein, pour qu'une adresse ne soit jamais attribuée deux fois |
4. Appuyez sur « Publier mon appli »
S'affiche alors « Publication de votre appli… », avec cette note honnête : « Cela prend généralement 1 à 4 minutes. Vous pouvez fermer — nous continuons en arrière-plan. »
Cinq étapes s'enchaînent dans l'ordre :
- « Préparation de vos fichiers »
- « Réveil du constructeur »
- « Envoi de vos derniers changements »
- « Construction et envoi de votre appli »
- « Mise en ligne »
Un chronomètre tourne en dessous, et au bout de 3 minutes il ajoute « Toujours en cours — les grosses applis prennent un peu plus de temps. » Fermer la fenêtre n'annule rien.
5. Ouvrez votre site en ligne
À la fin, vous obtenez « Votre appli est en ligne ! » — avec des confettis, votre adresse complète dans un champ à copier, et un grand bouton « Visiter votre site ».
✅ C'est fait ! Votre application est en ligne sur https://votre-nom.chantan.one. Toute personne disposant du lien peut l'ouvrir dans un navigateur — vos visiteurs n'ont besoin d'aucun compte ChanTan — et le cadenas (HTTPS) est déjà là.
Retenez la phrase la plus importante de cet écran :
« Les prochaines modifications restent privées jusqu'à ce que vous appuyiez sur Mettre à jour. »
Mettre vos retouches en ligne
Messages dans le chat, modifications au clic, nouvelles pages, nouvelles photos : tout reste privé tant que vous ne republiez pas.
- Appuyez sur le bouton d'en-tête, qui affiche désormais « Mettre à jour » avec une pastille ambre.
- La fenêtre « Votre appli publiée » montre votre adresse en ligne (avec « Copier » et « Visiter ») et une ligne d'état : point vert et « En ligne · publié {ago} », ou point ambre et « Vous avez des changements qui ne sont pas encore en ligne. »
- Appuyez sur « Mettre à jour le site ».
Si le bouton est grisé, c'est que rien n'a changé depuis votre dernière publication — l'info-bulle indique « Votre site en ligne est à jour ». La moindre différence compte, y compris le remplacement d'une seule photo de vitrine.
Une mise à jour ne coupe jamais votre site. La nouvelle version est envoyée en entier, puis basculée en un instant, tout à la fin. Si la construction échoue avant, votre ancien site continue d'être servi — l'écran d'erreur le promet noir sur blanc : « Votre site actuellement en ligne n'est pas affecté. » Vos visiteurs voient la nouvelle version dès qu'ils rechargent la page.
Une liste dépliable « Versions précédentes » montre vos derniers déploiements, avec l'heure et le statut.
⚠️ Cette liste est un historique, rien de plus : il n'existe aucun bouton « restaurer cette version ». Pour changer ce qui est en ligne, modifiez votre application (ou utilisez l'annulation dans le chat) et publiez à nouveau.
Retirer votre site d'internet
Fenêtre de publication → « Plus d'options » → « Mettre mon site hors ligne » (en rouge) → confirmer.
| Question | Réponse |
|---|---|
| Est-ce que je garde mon adresse ? | Oui — elle reste réservée à ce projet, définitivement |
| Que voient les visiteurs ? | Une page toute simple : « Nothing here yet — There is no app published at this address. » (« Rien ici pour l'instant — aucune appli n'est publiée à cette adresse »). Les moteurs de recherche reçoivent la consigne de ne pas la référencer |
| Puis-je remettre le site ? | Oui — appuyez de nouveau sur Publier ; il est reconstruit à la même adresse |
| Mes fichiers de projet sont-ils supprimés ? | Non. Seule la copie publique disparaît — votre projet, votre chat, vos fichiers et vos données restent intacts |
| Est-ce instantané ? | Non — republier relance la construction complète, donc 1 à 4 minutes |
| Et mon domaine personnalisé ? | Il reste attaché, mais n'a plus rien à servir tant que vous n'avez pas republié |
Mettre un site hors ligne arrête aussi sa facturation d'hébergement.
Si la publication échoue
Chaque erreur de publication affiche la même réassurance — « Votre site actuellement en ligne n'est pas affecté. » —, un bouton « Réessayer » et une section « Détails techniques » que vous pouvez déplier.
Ces messages d'erreur de publication remontent en anglais aujourd'hui ; voici leur sens et la marche à suivre :
| Message | Que faire |
|---|---|
| « This project has no files to publish yet — build something first. » (aucun fichier à publier) | Demandez d'abord à l'IA, dans le chat, de construire votre application |
| « Could not start the builder… » / « The builder took too long to start. Try again. » | Problème passager de la machine de construction — réessayez |
| « Could not sync your latest files… Try again. » / « The build could not start… Try again. » | Passager — réessayez |
| « The app failed to build. Check the technical details and fix the error, or try again. » | Une vraie erreur dans votre application. Ouvrez « Détails techniques », puis décrivez-la dans le chat et demandez à l'IA de la corriger |
| « Publishing took too long and was stopped. Try again. » | La construction a atteint sa limite de temps — réessayez |
| « Publishing was interrupted. Try again. » | La publication s'est interrompue et a été réinitialisée pour vous — réessayez |
| « The build produced no publishable files. » / « The build produced no index.html. » | Votre application n'a pas produit de site — demandez à l'IA de vérifier |
| « This app is too large to publish (200 MB limit). » | Retirez ou compressez les photos et vidéos trop lourdes |
| « This file contains <secret>. Secret keys must never ship in a published app… » | Demandez à l'IA de déplacer cette clé côté serveur et d'utiliser la clé publique dans le navigateur |
| « Publishing failed — open Publish to retry » | La fenêtre a été fermée. Rouvrez Publier et relancez |
Les limites, sans détour
| Limite | Valeur |
|---|---|
| Fichiers dans une application publiée | 2 000 |
| Un seul fichier | 25 Mo |
| Application entière | 200 Mo |
Une clé privée ne peut jamais être publiée. Si l'une d'elles est détectée, la publication est refusée avec une explication. Cette protection ne se désactive pas : elle vous protège, car une application publiée est lisible par tout le monde.
Votre adresse gratuite est à vous dès l'instant où vous la réservez. Avant toute mise en ligne, la visiter affiche une page toute simple : « Nothing here yet — There is no app published at this address. »