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

Status page

Service status page at /status — enable via publier.config.yaml, customize with the StatusIndicator component.

The status standard page provides a service status view at /status. Enable it in publier.config.yaml, then add src/pages/status.astro to display your actual service states using the StatusIndicator component from @publier/shell.

Enable / disable

publier.config.yaml
pages:
status: true # false to suppress /status

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: operationalOperational, degradedDegraded performance, outageMajor outage, maintenanceUnder maintenance.

See StatusIndicator for the full prop and behaviour reference.