Axolot Logo

Flujos de Trabajo y Dominios

Aprende cómo Axolot CMS unifica el desarrollo local con la previsualización y despliegue en la nube mediante subdominios y túneles.

Axolot CMS está diseñado con una infraestructura híbrida única. Esto nos permite ofrecer una solución perfecta tanto para clientes y diseñadores visuales sin conocimientos de código como para programadores y agencias avanzadas.

¿Qué tipo de usuario eres?

El ecosistema de Axolot se adapta automáticamente según tu forma de trabajar:

☁️ Perfil 1: Cliente sin Código (Flujo 100% Cloud)

Ideal para diseñadores web, redactores de contenido y clientes finales que no quieren tocar archivos de código ni servidores.

  • Registro Instantáneo: Al registrar un nuevo sitio en la plataforma, Axolot clona automáticamente nuestra plantilla base (site-template) en nuestros servidores en la nube.
  • Subdominio Autogenerado: Se te asigna de inmediato un subdominio de staging seguro: https://[tu-sitio].axolotcms.com.
  • Edición Visual: Modificas el contenido desde el Dashboard en la nube. Al guardar, los cambios se persisten en nuestra base de datos aislada y se compila la web automáticamente en segundo plano.

💻 Perfil 2: Desarrolladores y Agencias (Flujo Local / SDK)

Para programadores que escriben layouts personalizados, integran librerías y editan código en su IDE local (como Antigravity / VS Code).

  • Código en tu Máquina: Trabajas con el SDK de Axolot instalado en tu proyecto local de Astro (@axolot-ai/sdk).
  • Túnel de Conexión: Expones tu servidor local a través de una herramienta como LocalTunnel.
  • Editor en la Nube sincronizado con tu IDE: Al conectar tu túnel en los Ajustes del Dashboard, el editor visual de la nube se conecta de forma segura a tu servidor local. Cada cambio que realices visualmente escribe código físico en tus archivos locales de forma inmediata.

1. El Subdominio Autogenerado de Staging

Cada sitio registrado recibe un subdominio bajo axolotcms.com.

  • Para Clientes Cloud: Es la dirección web donde pueden visualizar el resultado final de sus páginas estáticas compiladas en tiempo real.
  • Para Desarrolladores: Funciona como un entorno de demostración rápido para clientes finales antes de realizar el despliegue al dominio final de producción.

2. Configuración del Túnel Local para Desarrolladores

Si vas a codificar y utilizar el SDK de Axolot localmente, sigue estos pasos para establecer la conexión en caliente:

  1. Inicia tu servidor de desarrollo Astro en tu terminal:
    pnpm dev
    Tu web estará corriendo en http://localhost:4321.
  2. Abre una nueva pestaña de la terminal y crea un túnel público seguro hacia tu puerto local usando LocalTunnel:
    npx localtunnel --port 4321
    Esto te generará un enlace público del estilo: https://funny-frogs-jump.loca.lt.

3. Vincular el Túnel en tu Dashboard

Una vez que tengas tu dirección de túnel:

  • Entra a tu **Dashboard de Axolot**, dirígete a **Ajustes** en la barra lateral.
  • En la sección **Dominios y Desarrollo**, pega tu enlace en el campo **Dirección del Túnel Local**.
  • Haz clic en **Guardar cambios**.

¡Listo! Cuando entres a la pestaña de **Páginas** e inicies el **Editor Visual**, la interfaz cargará el diseño directo de tu ordenador. Al interactuar con el editor, las modificaciones se guardarán instantáneamente en tu disco duro local.