A real-time status page frontend for UptimeMonitor-Server. Built with TypeScript and Tailwind CSS.
| Feature | Description |
|---|---|
| Real-Time Updates | WebSocket connection for instant status changes |
| Interactive Charts | Zoom and pan through uptime/latency history |
| 15 Themes | Midnight, OLED, Tokyo Night, Dracula, and more |
| Custom Metrics | Display up to 3 custom metrics per monitor |
| Responsive Design | Optimized for desktop, tablet, and mobile |
| Toast Notifications | Live alerts for status changes |
| Group Support | Hierarchical organization with expandable groups |
services:
status-page:
image: rabbitcompany/status-page:latest
container_name: status-page
restart: unless-stopped
ports:
- "8080:80"
environment:
# Change to your own backend server and slug
- BACKEND_URL=https://pulse.rabbit-company.com
- STATUS_PAGE_SLUG=passky
- UPTIME_PRECISION=3
- LATENCY_PRECISION=0
- DEFAULT_PERIOD=24h
- DEFAULT_THEME=midnight
healthcheck:
test: ["CMD", "curl", "-f", "http://localhost/health"]
interval: 30s
timeout: 10s
retries: 3sudo docker compose up -d- Prebuild version can be downloaded HERE.
- Deploy the
dist/directory - Configure
config.js(see Configuration)
- Build:
bun install && bun run build - Deploy the
dist/directory - Configure
config.js(see Configuration)
Edit config.js in your deployment:
globalThis.BACKEND_URL = "https://your-uptime-server.com";
globalThis.STATUS_PAGE_SLUG = "status";
globalThis.DEFAULT_THEME = "midnight";See Configuration Guide for all options.
| Guide | Description |
|---|---|
| Configuration | All configuration options |
| Themes | Available themes and customization |
| Deployment | Docker, Nginx, and static hosting |
| WebSocket | Real-time connection details |
| Project | Description |
|---|---|
| UptimeMonitor-Server | Backend monitoring server |
| PulseMonitor | Automated pulse sending client |

