A fully open-source status page for Gatus backend
This repository has been archived on 2025-12-10. You can view files and clone it, but you cannot make any changes to its state, such as pushing and creating new issues, pull requests or comments.
Find a file
Tommy 3a549b0ee7
Some checks failed
Build and Push Image / build-and-push (push) Failing after 5m31s
Merge pull request 'fix(deps): update vueuse monorepo to v14 (major)' (#67) from renovate/major-vueuse-monorepo into main
Reviewed-on: #67
2025-12-06 22:48:46 +00:00
.forgejo chore(deps): update actions/checkout action to v6 2025-11-27 01:08:39 +00:00
.vscode feat: init app 2024-05-15 06:12:39 -07:00
assets docs: update project screenshot 2025-02-16 20:20:43 +01:00
chart chore: rename chart and update references from status-tracker to status-web 2025-04-06 08:32:36 +02:00
ci chore: rename chart and update references from status-tracker to status-web 2025-04-06 08:32:36 +02:00
src Merge pull request 'fix(deps): update vueuse monorepo to v14 (major)' (#67) from renovate/major-vueuse-monorepo into main 2025-12-06 22:48:46 +00:00
.dockerignore feat: migrate from Next.js to Nuxt.js with Vue 3 2025-02-16 20:09:42 +01:00
.gitignore feat: migrate from Next.js to Nuxt.js with Vue 3 2025-02-16 20:09:42 +01:00
Dockerfile chore(deps): update node.js to v24 2025-12-01 01:09:39 +00:00
README.md docs: update README and add project screenshot 2025-02-16 20:17:55 +01:00
renovate.json Add renovate.json 2024-05-14 16:14:35 +00:00

252-status

252-status, a fully open-source status page for Gatus backend. Nuxt edition.

252-status

Features

  • Use Gatus as your backend
  • Fully responsive
  • Dark mode support
  • Brand-free footer
  • All 100 scores in Lighthouse test
  • OpenTelemetry tracing with Tempo support
  • Multiple API endpoint fallback support
  • Kubernetes-ready with Helm charts

Stack

  • Framework: Nuxt 3
  • UI: Shadcn Vue + Radix Vue
  • CSS: Tailwind + custom-made OKLCH color palettes
  • State Management: VueUse
  • Observability: OpenTelemetry + Tempo

Getting Started

First, install dependencies:

pnpm install

Then, run the development server:

pnpm dev

Open http://localhost:3000 with your browser to see the result.

Environment Variables

# Required
GATUS_API_BASE="https://status-1.example.com | https://status-2.example.com"

# Optional
NUXT_PUBLIC_SITE_TITLE="Status"
NUXT_PUBLIC_SITE_DESC="A status page"
NUXT_PUBLIC_SITE_LOGO="example.com"
NUXT_PUBLIC_SITE_BACK_TITLE=""
NUXT_PUBLIC_SITE_BACK_URL=""
TEMPO_URL="https://telemetry.example.com/v1/traces"

Deployment

Docker

docker build -t status-tracker .
docker run -p 8080:8080 status-tracker

Kubernetes (Helm)

helm install status-tracker ./chart

Custom values can be provided:

# values.yaml
tracing:
  enabled: true
  tempo:
    url: "https://telemetry.example.com/v1/traces"

Gratitude

Primarily based on sts, in addition to the following projects: