Tu Primera Página de Estado

Crear Tus Primeros Componentes

Los componentes representan los servicios que quieres mostrar en tu página de estado.

1. Navega a Dashboard > Componentes
2. Haz clic en "Añadir Componente"
3. Crea un componente SERVICE para agrupar:
   • Nombre: Servicios Core
   • Tipo: SERVICE
   • Descripción: Nuestra infraestructura principal
4. Haz clic en "Crear"

Ahora añade un componente ENDPOINT:

1. Haz clic en "Añadir Componente" de nuevo
2. Completa los detalles:
   • Nombre: API
   • Tipo: ENDPOINT
   • URL: Tu endpoint de salud de API (ej., https://api.example.com/health)
   • Intervalo de Check: 60 segundos
   • Componente Padre: Selecciona Servicios Core
3. Bajo Condiciones, añade:
   • Código de estado igual a 200
   • Tiempo de respuesta menor que 1000 ms
4. Haz clic en "Crear"

Crear una Página de Estado

1. Navega a Dashboard > Páginas de Estado
2. Haz clic en "Nueva Página de Estado"
3. Completa la información básica:
   • Nombre: Estado de Mi Empresa
   • Slug: status (esto crea la URL /status/status)
   • Descripción: Estado en tiempo real de nuestros servicios
4. Elige una plantilla:
   • Moderna - Diseño limpio y minimalista
   • Clásica - Diseño tradicional de página de estado
   • Terminal - Tema oscuro orientado a desarrolladores
5. Haz clic en "Crear"

Personalizar con Widgets

Después de crear la página, estarás en el editor de página.

Añadir un Widget de Resumen de Estado:

1. Haz clic en "Añadir Widget"
2. Selecciona "Resumen de Estado"
3. Configura:
   • Título: Deja vacío para el predeterminado
   • Mostrar Descripción: Habilita si quieres mostrar descripciones de componentes
4. Arrastra para posicionar arriba

Añadir un Widget de Lista de Componentes:

1. Haz clic en "Añadir Widget"
2. Selecciona "Lista de Componentes"
3. Esto muestra todos tus componentes con su estado actual

Añadir un Widget de Feed de Incidentes:

1. Haz clic en "Añadir Widget"
2. Selecciona "Feed de Incidentes"
3. Configura:
   • Mostrar Resueltos: Alternar para mostrar/ocultar incidentes resueltos
   • Límite: Número de incidentes a mostrar

Configurar Branding

1. Haz clic en la pestaña "Configuración" en el editor
2. Sube tu logo:
   • Logo Modo Claro: Para fondos claros
   • Logo Modo Oscuro: Para fondos oscuros
3. Establece colores:
   • Color Primario: El color de tu marca
   • Color de Fondo: Fondo de la página
4. Guarda los cambios

Previsualizar y Publicar

1. Haz clic en "Previsualizar" para ver cómo se ve tu página
2. Prueba tanto el modo claro como el oscuro
3. Cuando estés satisfecho, cambia Estado de Borrador a Publicado
4. Haz clic en "Guardar"

Ver Tu Página de Estado

Tu página de estado ahora está activa:

Accede a ella en:

http://localhost:3000/status/{tu-slug}

¡Comparte esta URL con tus usuarios!