Skip to content
✨ Publier v1 is live — a polished docs platform built for the open web.
On this page

Status page

Author a service status page with the StatusIndicator display component.

The shell does not supply a /status route. You can author src/pages/status.astro using the StatusIndicator component from @publier/shell. It displays the state you supply; it does not monitor services, retain incident history, or send subscriptions.

Route control

pages.status does not create or suppress a route. A status page is an ordinary Astro route that you author and maintain. See Pages for current route controls and limits.

Adding a status page

Create src/pages/status.astro to display real service states:

src/pages/status.astro
---
import { StatusIndicator } from '@publier/shell/components';
import BaseLayout from '@publier/shell/layouts/base-layout.astro';
---
<BaseLayout title="Status — My Company">
<main class="max-w-3xl mx-auto my-12 px-6 prose">
<h1>Service status</h1>
<ul>
<li><StatusIndicator status="operational" service="API" /></li>
<li><StatusIndicator status="operational" service="Dashboard" /></li>
<li><StatusIndicator status="degraded" service="Search" /></li>
<li><StatusIndicator status="maintenance" service="Build pipeline" /></li>
</ul>
</main>
</BaseLayout>

StatusIndicator quick reference

PropTypeDefaultDescription
status'operational' | 'degraded' | 'outage' | 'maintenance'requiredSemantic status level.
servicestringundefinedOptional service name shown before the label.
labelstringautoOverride the default label text per status.

Default labels: operational → Operational, degraded → Degraded performance, outage → Major outage, maintenance → Under maintenance.

See StatusIndicator for the full prop and behaviour reference.