Hosting Dashboard

El reto

Un dashboard de salud de sitios y hosting, construido para gestionar los sitios web de varios clientes desde un solo lugar. Mantiene cada sitio monitoreado en tiempo real y reúne todo lo que rodea a ese servicio: chequeos de uptime, incidentes, status pages públicas y facturación de clientes.

Gestionar los sitios web de varios clientes implica vigilar el uptime, reaccionar a incidentes, comunicar el estado y enviar facturas, normalmente entre cuatro o cinco herramientas desconectadas. El objetivo fue un solo dashboard que lo haga todo: monitorear cada sitio automáticamente, alertar ante caídas, seguir incidentes con un ciclo de vida claro, publicar una status page pública por sitio y manejar la facturación, sin pagar por un montón de suscripciones SaaS.

El enfoque

• Construido sobre Next.js 15 (App Router, server components) con TypeScript, Tailwind y shadcn/ui, autenticado con Clerk.
• Un modelo de dominio rico con Prisma 6 sobre PostgreSQL (Neon): clientes, sitios, contactos, facturación, incidentes, logs de ping y estado, configuración de alertas por sitio y status pages.
• Monitoreo de uptime en tiempo real: pings periódicos a cada sitio con logs de estado y alertas configurables por sitio.
• Gestión de incidentes con prioridades y estados tipados y actualizaciones, más ventanas de mantenimiento programado.
• Una status page pública por sitio, con sus propios componentes y calendario de mantenimiento, una alternativa self-hosted a Statuspage.
• Facturación de clientes con ciclos, estados y soporte multi-moneda, y analíticas con Recharts.

Stack técnico

• Next.js
• TypeScript
• Prisma
• PostgreSQL
• Clerk
• Tailwind CSS
• Recharts
• UploadThing