Click en Status Pages (menú lateral)
Click en Add New Status Page
Configurar:
- Title: Estado de Servicios ICT Iberia
- Slug: servicios (parte de la URL)
- Description: Monitorización en tiempo real de nuestros servicios
- Theme: Auto (sigue tema del sistema), Light, Dark
- Show Tags: ✅ (mostrar tags de monitores)
- Show Powered By: ✅/❌ (enlace a Uptime Kuma)

2. Añadir Grupos

Organizar monitores por categorías:

Click en Add Group
Group Name: Aplicaciones Web
Arrastrar monitores desde la lista izquierda al grupo
Repetir para otros grupos:
- Infraestructura
- Bases de Datos
- APIs

3. Configurar Visualización

Opciones de visualización por monitor:

Default: Muestra uptime % y estado actual
List: Lista compacta sin gráficos
None: Ocultar de la página pública

Mostrar/Ocultar:

Arrastra monitor fuera del grupo para ocultarlo
Arrastra de vuelta para mostrarlo

4. Publicar

Public: ✅ (hacer página accesible sin login)
Save

URL pública: https://uptime.example.com/status/servicios

Personalización

Custom CSS

Settings → Custom CSS:

/* Cambiar color de fondo */
body {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

/* Personalizar header */
.status-page-header {
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
  border-radius: 12px;
  padding: 20px;
}

/* Cambiar fuente */
* {
  font-family: 'Inter', -apple-system, sans-serif;
}

Custom Domain

Si quieres status.example.com en lugar de uptime.example.com/status/...:

Con Traefik:

# docker-compose.override.yml
labels:
  - traefik.http.routers.uptime-kuma-status.rule=Host(`status.example.com`)
  - traefik.http.routers.uptime-kuma-status.entrypoints=websecure
  - traefik.http.routers.uptime-kuma-status.tls.certresolver=letsencrypt

Con NPM:

Crear nuevo Proxy Host
Domain: status.example.com
Forward to: uptime-kuma:3001

Uptime Kuma detectará automáticamente el dominio y adaptará URLs.

Favicon Personalizado

Settings → Favicon URL
URL pública de tu favicon (ejemplo: https://example.com/favicon.ico)
Save

Footer Personalizado

Settings → Footer Text

Texto o HTML:

© 2024 ICT Iberia | <a href="/contact">Contacto</a>

Save

Incidentes

Publicar incidentes programados o no planificados.

Crear Incidente

En la Status Page, click en Create Incident
Configurar:
- Title: Mantenimiento Programado - Base de Datos
- Content:
```
Realizaremos actualización de PostgreSQL.
Duración estimada: 30 minutos
Inicio: 02:00 AM - 02:30 AM (UTC+1)
```
- Style:
  - info (azul): Información general
  - warning (amarillo): Degradación de servicio
  - danger (rojo): Servicio caído
  - primary (verde): Resuelto
- Pin: ✅ (mostrar arriba de la página)
Publish

Actualizar Incidente

Click en incidente existente
Edit

Añadir actualización:

[14:30] Mantenimiento completado. Servicios restaurados.

Cambiar Style a primary (resuelto)
Save

Historial

Uptime Kuma mantiene historial de incidentes. Usuarios pueden ver:

Incidentes activos (arriba)
Incidentes resueltos (abajo, colapsados)

Tipos de Status Page

Public Status Page

✅ Public: Sí
Acceso: Cualquiera con la URL
Autenticación: No requerida

Uso: Transparencia con clientes, SaaS public status.

Private Status Page

❌ Public: No
Acceso: Solo usuarios logueados en Uptime Kuma
Autenticación: Requerida

Uso: Dashboard interno, equipos de operaciones.

Password-Protected Status Page

Crear Status Page
✅ Public
✅ Password Protected
Password: Contraseña compartida
Save

Acceso: URL pública, pero requiere contraseña.

Uso: Compartir con clientes específicos, beta testers.

Badges (Insignias)

Generar badges para README, wikis, etc.

URL del Badge

https://uptime.example.com/api/badge/{monitor_id}/uptime/24

Parámetros:

{monitor_id}: ID del monitor (ver en URL al editar)
uptime: Tipo (uptime / status / ping / avg-response)
24: Período (24 / 720 / 1440 / 43200)

Ejemplo:

![Uptime](https://uptime.example.com/api/badge/1/uptime/24)

Resultado:

Tipos de Badge

Status Badge:

/api/badge/{id}/status

Muestra: 🟢 Up / 🔴 Down

Ping Badge:

/api/badge/{id}/ping/24

Muestra: Ping promedio (ms)

Response Time Badge:

/api/badge/{id}/avg-response/24

Muestra: Tiempo de respuesta promedio (ms)

Integración con APIs

Webhook de Status Page

Uptime Kuma no tiene webhook nativo de Status Page, pero puedes:

Configurar notificación Webhook en cada monitor
Enviar JSON a tu API cuando cambia estado
Tu API actualiza status page externa (ejemplo: Statuspage.io)

Ejemplo: Status Page Completa

Configuración:

Title: Estado de Servicios - ICT Iberia
Slug: estado
Public: ✅
Theme: Auto

Grupos:

Aplicaciones Web
- Vaultwarden (Password Manager)
- BookStack (Wiki Interna)
- NetBox (IPAM)
Monitorización
- Uptime Kuma (Self)
- CheckMK (Monitoring)
Infraestructura
- Servidor Principal (Ping)
- Router Gateway (Ping)

URL: https://uptime.ictiberia.com/status/estado

Siguiente Paso

Continúa con Backup y Restauración para proteger tus datos.

Status Pages

¿Qué es una Status Page?

Crear Status Page

1. Crear Página