Getting Started with Status Pages

Status Pages provide a public-facing view of your system's operational health. They allow you to communicate service status, incidents, and maintenance to your users in real-time.

What is a Status Page?

A Status Page displays:

• Overall System Status - A high-level view of whether all systems are operational

• Service Components - Individual services and their current health status

• Active Incidents - Current issues being investigated or resolved

• Incident History - Past incidents and their resolutions

Key Features

• Real-time Updates - Auto-refresh status (default 30 seconds)

• Service Grouping - Organize services into logical groups

• Incident Timeline - Track progress of incident resolution with updates

• Affected Services - Show which services are impacted by each incident

• Public Access - Share your status page with users via URL

Setting Up Your Status Page

1. Create a Status Page in your AppGram project dashboard

2. Add services to monitor (API, database, web servers, etc.)

3. Configure service groups for better organization

4. Set up status updates for incidents and maintenance

5. Publish your status page using the provided slug

Accessing Your Status Page

Your status page is accessible via the public endpoint at:

/p/{org-name}/{project}/status

Integrating with Your Application

You can integrate status pages into your application using the React SDK:

import { useStatus, StatusBoard } from '@appgram/react'

function StatusPage() {
  const { status, isLoading, error } = useStatus({ 
    slug: 'status' 
  })

  if (isLoading) return 

Loading...


if (error) return

Error: {error}



return (

)
}