Primeros pasos

Inicio rápido

Cinco minutos desde el registro hasta una URL de vista previa privada.

Esta página le lleva desde un nuevo registro a una URL de vista previa privada. Hay dos caminos para el paso 2: elige el que coincida con lo que tienes.

1. Crea tu espacio de trabajo

Inicie sesión en /login. Se admiten tres métodos de inicio de sesión: correo electrónico + contraseña, GitHub y Google. La primera vez que inicia sesión, aprovisionamos un espacio de trabajo con el nombre de su cuenta. Puedes cambiarle el nombre más tarde en Configuración del espacio de trabajo.

Los nuevos espacios de trabajo comienzan con el plan Free, que incluye sitios publicados y conexiones de agentes ilimitados, suficiente para completar este inicio rápido. Consulte la página de precios para conocer las diferencias actuales de créditos, dominios y funciones.

2. Traiga un sitio: elija uno

Puede comenzar desde una plantilla (no se requiere repositorio) o conectar un repositorio GitHub existente.

A. Comenzar desde una plantilla (más rápido, no GitHub)

Abra /onboarding/from-template. Cinco entrantes se envían hoy:

  • Aterrizaje SaaS: un sitio de marketing de una sola página (Next.js)
  • Sitio de documentos: una página de documentos basada en rebajas (Next.js)
  • Portfolio: un sitio personal con aproximadamente + secciones de proyectos (Next.js)
  • Astro docs: un iniciador de documentos centrado en el contenido (Astro)
  • Aterrizaje de Vite + React: una aplicación shell de una sola página (Vite + React)

Elija uno, complete el formulario variable (site_slug, proyecto y cualquier perilla específica de la plantilla) y envíelo. Showly crea el sitio, materializa los archivos de plantilla e inicia la primera compilación. Llegará a la página de detalles del nuevo sitio donde aparece el estado de la compilación.

Esta ruta es la forma más rápida de obtener una URL de vista previa: sin GitHub OAuth, sin instalación, sin esperar un webhook.

B. Conectar un repositorio

Desde la página de inicio del espacio de trabajo, haga clic en Conectar un sitio y registre un repositorio GitHub. La primera vez que se conecta, GitHub le solicita que autorice la aplicación Showly GitHub; consulte Su primer sitio para conocer lo que cubre esa subvención. Una vez autorizado, el paso de importación de Showly lee los metadatos de su repositorio a pedido (package.json, el archivo de bloqueo y cualquier sugerencia del marco) para:

  • detectar el marco (Astro, Vite, exportación Next.js o HTML estático)
  • proponer un comando de compilación y un directorio de salida

Confirmar el manifiesto propuesto. Puede anular cualquier campo antes de continuar.

Ambos caminos convergen en el paso 3.

3. Conectar un agente (opcional pero recomendado)

Registre el servidor Showly MCP con su agente:

npx @showly/mcp-server install --to claude-code   # or --to codex

Esa es toda la configuración: no hay ningún token que copiar. La primera vez que invoca una herramienta Showly, su agente abre una pestaña del navegador para iniciar sesión y aprobar el acceso; Showly luego emite un token de alcance directamente al agente. Consulte Instalación de la Skill para saber cómo funciona el protocolo de enlace de autorización y la opción sin navegador.

Ahora puede pedirle a Claude Code o Codex que lea el contexto de su sitio, proponga un plan de cambio y cree una vista previa, sin darle al agente ninguna credencial de producción.

4. Haz tu primer cambio

En el panel de chat Showly, o desde tu agente, di:

Cambie el título principal en la página de inicio a "Envío sin ceremonia"

El agente:

  1. Llame al get_site_context para leer los archivos relevantes.
  2. Elaborar una propuesta create_change_plan.
  3. Llame a apply_site_patch para organizar las ediciones en un espacio de trabajo administrado por Showly.
  4. Llame a create_preview para crear y producir una URL de vista previa.

Cuando finalice la compilación (normalmente por debajo de los 90), verás la URL de vista previa en el chat.

5. Aprobar y publicar

Abra la URL de vista previa. Revisa la diferencia. Cuando esté listo, haga clic en Solicitar publicación. Esto crea una solicitud de aprobación pendiente que un propietario o administrador debe aprobar antes de que la vista previa pase a producción.

Después de la aprobación, Showly promueve el artefacto de vista previa a producción. Verás la nueva URL activa en el panel Versiones.

¿Qué sigue?