Cloud & SaaS status page for AWS, Cloudflare, GitHub, OpenAI, Anthropic, and Google Cloud

[koko3tallah]

I put together a copy-ready dependency-status page for Glance using the native custom-api and split-column widgets. It shows provider rollups, active incidents, service-level states, and source freshness for AWS, Cloudflare, GitHub, OpenAI, Anthropic, and Google Cloud.

It needs no API key. Each widget is cached for 10 minutes, so the six-provider page makes 36 requests per hour, within the public API's anonymous allowance. You can replace any provider slug in both url and title-url to monitor a different dependency.

define:
  - &provider-status
    type: custom-api
    cache: 10m
    template: |
      {{ $status := .JSON.String "data.currentStatus.code" }}
      <div class="flex justify-between items-center">
        <div class="size-h3 {{ if eq $status "operational" }}color-positive{{ else if or (eq $status "maintenance") (eq $status "unknown") }}color-primary{{ else }}color-negative{{ end }}">
          {{ .JSON.String "data.currentStatus.label" }}
        </div>
        <div class="size-h5 color-subdue">
          {{ .JSON.Int "data.counts.activeIncidents" }} active incidents
        </div>
      </div>
      <p class="margin-top-10">{{ .JSON.String "data.currentStatus.headline" }}</p>
      <ul class="list list-gap-4 margin-top-10">
      {{ range .JSON.Array "data.services" }}
        {{ $serviceStatus := .String "status" }}
        <li class="flex justify-between">
          <span>{{ .String "name" }}</span>
          <span class="{{ if eq $serviceStatus "operational" }}color-positive{{ else if or (eq $serviceStatus "maintenance") (eq $serviceStatus "unknown") }}color-primary{{ else }}color-negative{{ end }}">
            {{ if eq $serviceStatus "operational" }}Operational{{ else if eq $serviceStatus "degraded" }}Degraded{{ else if eq $serviceStatus "partial_outage" }}Partial outage{{ else if eq $serviceStatus "major_outage" }}Major outage{{ else if eq $serviceStatus "maintenance" }}Maintenance{{ else }}Unknown{{ end }}
          </span>
        </li>
      {{ end }}
      </ul>
      <p class="margin-top-10 size-h5 color-subdue">
        Source checked <span {{ .JSON.String "data.source.checkedAt" | parseTime "rfc3339" | toRelativeTime }}></span>
      </p>

pages:
  - name: Cloud status
    width: wide
    columns:
      - size: full
        widgets:
          - type: split-column
            max-columns: 3
            widgets:
              - title: AWS
                title-url: https://outagedeck.com/providers/aws?utm_source=glance&utm_medium=dashboard&utm_campaign=glance_status_dashboard
                url: https://outagedeck.com/api/v1/providers/aws
                <<: *provider-status

              - title: Cloudflare
                title-url: https://outagedeck.com/providers/cloudflare?utm_source=glance&utm_medium=dashboard&utm_campaign=glance_status_dashboard
                url: https://outagedeck.com/api/v1/providers/cloudflare
                <<: *provider-status

              - title: GitHub
                title-url: https://outagedeck.com/providers/github?utm_source=glance&utm_medium=dashboard&utm_campaign=glance_status_dashboard
                url: https://outagedeck.com/api/v1/providers/github
                <<: *provider-status

              - title: OpenAI
                title-url: https://outagedeck.com/providers/openai?utm_source=glance&utm_medium=dashboard&utm_campaign=glance_status_dashboard
                url: https://outagedeck.com/api/v1/providers/openai
                <<: *provider-status

              - title: Anthropic
                title-url: https://outagedeck.com/providers/anthropic?utm_source=glance&utm_medium=dashboard&utm_campaign=glance_status_dashboard
                url: https://outagedeck.com/api/v1/providers/anthropic
                <<: *provider-status

              - title: Google Cloud
                title-url: https://outagedeck.com/providers/google-cloud?utm_source=glance&utm_medium=dashboard&utm_campaign=glance_status_dashboard
                url: https://outagedeck.com/api/v1/providers/google-cloud
                <<: *provider-status

I validated the exact YAML with Glance's config parser, rendered all six cards in a local Glance server, and ran the repository's tests, vet, and build. The community-widget submission and source preview are in glanceapp/community-widgets#303. The public API documentation lists the available provider records and response contract.

Disclosure: I'm Kerolos, founder of OutageDeck, which provides the API used here. The API is read-only for these endpoints, and the configuration sends no credentials. The guide was prepared with AI assistance and validated locally as described above.

[ralphocdol]

Wrong repository, should be PR'd in https://github.com/glanceapp/community-widgets

[koko3tallah]

Thanks for pointing me to the right home. I moved the widget to glanceapp/community-widgets#303, adapted it to that repository's README/meta/preview format, and updated this guide so it no longer points at the closed core PR.