sts, a fully open-source status page for Gatus backend

• Gatus Integration: Works with Gatus backend for monitoring.
• Beautiful UI: A modern UI with perfect Lighthouse results (100 in every category).
• Fully Responsive: Great experience on all devices from mobile to desktop.
• Supports Dark Mode: Theme detection with an option to toggle manually.
• Status Updates on Real-time: Status information is automatically updated using SWR.
• Customizable: Easily update the site title, description, logo and more.
• Brand-free Footer: No attribution required
• Subpath Deployment Ready: Easily deploy under a subpath (e.g., /frontend) ideal for reverse proxies and Kubernetes.

• Framework: Next.js 15 (with App Router).
• UI: Radix UI Primitives, so everything is accessible.
• Styling: Tailwind CSS 4 with custom OKLCH colour palettes.
• Data Fetching: SWR for effective real-time updates.
• Icons: Tabler Icons.

• Bun (default) or Node.js.
• Gatus backend.

# Clone the repository
git clone https://github.com/sparanoid/sts.git
cd sts

# Install dependencies.
bun install

# Set environment variables (create .env.local)
echo "GATUS_API_BASE=https://your-gatus-instance.com/api/v1" > .env.local

# Run the development server
bun dev

Open http://localhost:3000 with a browser to see the output.

# Clone the repository
git clone https://github.com/sparanoid/sts.git
cd sts

# Install dependencies.
bun install

# Set environment variables (create .env.local)
echo "NEXT_PUBLIC_API_BASE_PATH=/frontend" >> .env.local
echo "GATUS_API_BASE=https://your-gatus-instance.com/frontend/api/v1" > .env.local

# Build the app server
bun run build
# Execute server development
bun dev
# Execute server production
bun start

Open http://localhost:3000/frontend with a browser to see the output

You can configure sts with environment variables:

The easiest way to deploy STS is with Vercel:

STS can be deployed with any hosting provider that supports Next.js applications.

Apache-2.0