Docs de ChanTan StudioCómo publicar tu app en ChanTan Studio paso a paso
Pon tu sitio en internet en 1 a 4 minutos con una dirección chantan.one gratis, con HTTPS incluido, y aprende a subir tus cambios después con «Actualizar».
Mientras construyes, tu app solo existe en tu vista previa privada. Publicar la copia a internet, en una dirección web real, para que cualquiera pueda abrirla desde su navegador — sin iniciar sesión y sin tener cuenta en ChanTan.
Imagina a Estudio Andino, un estudio de yoga en Ciudad de México: hasta que no publica, su horario de clases no lo ve nadie más que su propio equipo. Después de publicar, cualquier alumna lo abre desde su celular.
Antes de empezar, ten claro esto:
- Publicar tarda entre 1 y 4 minutos. Puedes cerrar la ventana — el proceso sigue en segundo plano.
- Tu dirección gratis es gratis para siempre, y el HTTPS (el candadito) se configura solo.
- El hosting es gratis el primer mes de cada app publicada; después habrá un pequeño cobro mensual en créditos, que durante la beta todavía no se está aplicando — mira Facturación del hosting de ChanTan Cloud.
- El enlace de la vista previa no sirve para compartir tu sitio. Es una vista previa privada y temporal que se duerme. La dirección publicada es la real y permanente.
1. Pulsa «Publicar»
El botón «Publicar» es el último del encabezado de tu proyecto (su tooltip dice «Publica tu app en la web»). En el celular es el ícono redondo del cohete, al final de esa misma fila.
Si lo ves apagado, la IA todavía está trabajando — el tooltip lo dice: «Un momento — podrás publicar cuando termine la generación». Espera a que termine.
2. Elige «Dirección gratis»
Se abre una ventana: «¿Dónde visitará la gente tu sitio?» con tres tarjetas.
| Tarjeta | Etiqueta | Qué te da |
|---|---|---|
| «Dirección gratis» | «GRATIS · LO MÁS RÁPIDO» | mi-app.chantan.one |
| «Tengo un dominio» | — | Usar un dominio que ya sea tuyo |
| «Compra un dominio» | «DESDE $1/AÑO» | Conseguir tusitio.com — se configura todo por ti |
Pulsa «Dirección gratis». Ojo: no es una decisión excluyente. Tu dirección gratis se crea siempre primero y sigue funcionando para siempre; un dominio propio se suma encima más tarde.
3. Elige el nombre de tu dirección
Tocar «Dirección gratis» todavía no publica nada — abre «Elige tu dirección gratis», ya rellenada con el nombre de tu proyecto.
⚠️ «Elige con cuidado — tu dirección web no se puede cambiar después.» Una dirección por proyecto, de forma permanente. Si más adelante quieres otra dirección, conecta un dominio propio: esa es la vía prevista.
Las reglas del nombre:
| Regla | Valor |
|---|---|
| Longitud | 3 a 30 caracteres |
| Se permiten | minúsculas, números y guiones |
| Debe empezar y terminar con | una letra o un número — nunca con guion |
| Mayúsculas, espacios, acentos | se limpian solos mientras escribes |
| Bloqueadas | unas 45 palabras reservadas como www, app, admin, api, mail, support, blog, dashboard, login |
La casilla comprueba mientras escribes. Una palomita verde con «¡Disponible!» significa que ya está.
Si aparece una cruz roja, el mensaje te dice exactamente por qué:
| Mensaje | Qué hacer |
|---|---|
| «Usa al menos 3 caracteres.» | Alarga el nombre |
| «No puede empezar ni terminar con un guion.» | Mueve el guion al medio |
| «Ese nombre está reservado.» | Elige otra palabra |
| «Usa de 3 a 30 letras, números y guiones.» | Quita lo que no sea letra, número o guion |
| «Esa dirección está ocupada.» | Alguien ya la tomó — agrega una palabra o un guion |
| «No pudimos comprobar esa dirección en este momento — sigue escribiendo o inténtalo de nuevo.» | Falló la comprobación misma. Responde «no disponible» a propósito, para que una dirección nunca se entregue dos veces |
4. Pulsa «Publicar mi app»
Verás «Publicando tu app…» con una advertencia honesta: «Esto suele tardar de 1 a 4 minutos. Puedes cerrar esto — seguiremos en segundo plano.»
Corren cinco pasos, en orden:
- «Preparando tus archivos»
- «Despertando el constructor»
- «Enviando tus últimos cambios»
- «Construyendo y subiendo tu app»
- «Poniéndola en línea»
Debajo corre un cronómetro y, pasados 3 minutos, agrega «Seguimos trabajando — las apps grandes tardan un poco más.» Cerrar la ventana no cancela nada.
5. Abre tu sitio en línea
Al terminar aparece «¡Tu app está en línea!» — con confeti, tu dirección completa en una casilla para copiar y un botón grande «Visitar tu sitio».
✅ ¡Listo! Tu app vive en https://tu-nombre.chantan.one. Cualquiera con el enlace la abre en su navegador — los visitantes no necesitan cuenta de ChanTan — y el candadito (HTTPS) ya está puesto.
Quédate con la frase más importante de esa pantalla:
«Las futuras ediciones quedan privadas hasta que pulses Actualizar.»
Cómo subir tus cambios posteriores
Mensajes del chat, ediciones hechas con clic, páginas nuevas, fotos nuevas — todo se queda privado hasta que vuelvas a publicar.
- Pulsa el botón del encabezado, que ahora dice «Actualizar» con un puntito ámbar.
- La ventana «Tu app publicada» muestra tu dirección en línea (con «Copiar» y «Visitar») y una línea de estado: un punto verde con «En línea · publicado {hace}», o un punto ámbar con «Tienes cambios que aún no están en línea.»
- Pulsa «Actualizar sitio».
Si el botón está apagado, nada ha cambiado desde tu última publicación — el tooltip dice «Tu sitio en línea está al día». Cuenta cualquier diferencia, incluso cambiar una sola foto.
Actualizar nunca tumba tu sitio. La versión nueva se sube completa y el cambio ocurre en un solo instante, al final. Si la construcción falla antes, tu sitio anterior sigue atendiendo visitas — la pantalla de error lo promete tal cual: «Tu sitio en línea actual quedó intacto.» Los visitantes ven la versión nueva en cuanto recargan.
Una lista desplegable «Versiones anteriores» te muestra tus últimos despliegues con su hora y su estado.
⚠️ Esa lista es solo historial: no hay un botón para restaurar una versión. Para cambiar lo que está en línea, edita tu app (o usa Deshacer en el chat) y publica de nuevo.
Retirar tu sitio de la web
Ventana de publicación → «Más opciones» → «Retirar mi sitio de la web» (en rojo) → confirmar.
| Pregunta | Respuesta |
|---|---|
| ¿Conservo mi dirección? | Sí — queda reservada a este proyecto de forma permanente |
| ¿Qué ven los visitantes? | Una página simple: «Nothing here yet — There is no app published at this address.» (aquí todavía no hay nada publicado). Además se les indica a los buscadores que no la listen |
| ¿Puedo volver a ponerlo? | Sí — pulsa Publicar otra vez; se reconstruye en la misma dirección |
| ¿Se borran los archivos de mi proyecto? | No. Solo se retira la copia pública — tu proyecto, chat, archivos y datos quedan intactos |
| ¿Es inmediato? | No — republicar corre la construcción completa, o sea de 1 a 4 minutos |
| ¿Y mi dominio propio? | Sigue conectado, pero no tiene nada que mostrar hasta que publiques de nuevo |
Retirar un sitio también detiene cualquier cobro de hosting de esa app.
Si la publicación falla
Cada error de publicación muestra la frase tranquilizadora «Tu sitio en línea actual quedó intacto.», un botón «Intentar de nuevo» y una sección «Detalles técnicos» que puedes desplegar.
Los mensajes concretos del constructor llegan hoy en inglés; aquí va cada uno con su significado:
| Mensaje | Qué hacer |
|---|---|
| "This project has no files to publish yet — build something first." (aún no hay archivos que publicar) | Pídele antes a la IA en el chat que construya tu app |
| "Could not start the builder…" / "The builder took too long to start. Try again." (el constructor no arrancó) | Problema temporal de la máquina de construcción — reintenta |
| "Could not sync your latest files… Try again." / "The build could not start… Try again." | Temporal — reintenta |
| "The app failed to build. Check the technical details and fix the error, or try again." (tu app tiene un error real) | Abre «Detalles técnicos», copia lo que dice y pídele a la IA en el chat que lo arregle |
| "Publishing took too long and was stopped. Try again." (se pasó del tiempo límite) | Reintenta |
| "Publishing was interrupted. Try again." (se interrumpió y ya se reinició por ti) | Reintenta |
| "The build produced no publishable files." / "The build produced no index.html." (no salió un sitio web) | Pídele a la IA que revise tu app |
| "This app is too large to publish (200 MB limit)." (pesa demasiado) | Quita o comprime fotos y videos grandes |
| "This file contains <secret>. Secret keys must never ship in a published app…" (hay una clave secreta) | Pídele a la IA que mueva esa clave al lado del servidor y use la clave pública en el navegador |
| "Publishing failed — open Publish to retry" (se cerró la ventana) | Vuelve a abrir Publicar y reintenta |
Límites, sin adornos
| Límite | Valor |
|---|---|
| Archivos en una app publicada | 2.000 |
| Un solo archivo | 25 MB |
| Toda la app | 200 MB |
Una clave privada nunca se puede publicar. Si aparece una, la publicación se rechaza con la explicación. Esta protección no se puede desactivar — te está cuidando, porque una app publicada la puede leer cualquiera.
Tu dirección gratis es tuya desde el momento en que la reclamas. Antes de que haya algo en línea, al visitarla se ve una página simple: «Nothing here yet — There is no app published at this address.» (todavía no hay nada publicado en esta dirección).