> ## Documentation Index
> Fetch the complete documentation index at: https://docs.pulseguard.nl/llms.txt
> Use this file to discover all available pages before exploring further.

# Status Pages

> Publieke status pagina's voor transparante communicatie

## Overview

Status pages zijn publieke web pagina's die je gebruikers informeren over de huidige status van je diensten en applicaties. Tijdens incidenten bieden ze real-time updates en historische incident data. PulseGuard's status pages zijn volledig customizable en integreren naadloos met je monitoring data.

<Note>
  Status pages zijn beschikbaar vanaf de Pro plannen. Public status pages vereisen een actief abonnement.
</Note>

## Belangrijkste Features

<CardGroup cols={3}>
  <Card title="Real-time Status" icon="clock" color="#10B981">
    Live status updates voor alle gemonitorde services
  </Card>

  <Card title="Incident Timeline" icon="history" color="#3B82F6">
    Gedetailleerde incident geschiedenis met updates
  </Card>

  <Card title="Custom Branding" icon="palette" color="#8B5CF6">
    Volledig customizable design en branding
  </Card>

  <Card title="Multi-language" icon="globe" color="#F59E0B">
    Ondersteuning voor multiple talen
  </Card>

  <Card title="Subscriber Alerts" icon="bell" color="#EC4899">
    Email notificaties voor status page subscribers
  </Card>

  <Card title="API Access" icon="code" color="#6366F1">
    REST API voor integratie met externe systemen
  </Card>
</CardGroup>

## Status Page Aanmaken

<Steps>
  <Step title="Navigeer naar Status Pages">
    Ga naar **Status Pages** in de hoofdnavigatie
  </Step>

  <Step title="Nieuwe Status Page">
    Klik op "Create Status Page"
  </Step>

  <Step title="Basis Informatie">
    Voer naam, slug en beschrijving in
  </Step>

  <Step title="Branding Configureren">
    Upload logo, stel kleuren en design in
  </Step>

  <Step title="Services Toevoegen">
    Selecteer welke domains, devices en services zichtbaar zijn
  </Step>

  <Step title="Publiceren">
    Maak de status page publiek beschikbaar
  </Step>
</Steps>

## Service Management

### Services Toevoegen

Je kunt verschillende soorten services toevoegen aan je status page:

#### Domains

```json theme={null}
{
  "serviceType": "domain",
  "domainId": "domain-uuid",
  "displayName": "Hoofdsite",
  "description": "Onze hoofdsite en web applicatie"
}
```

#### Devices

```json theme={null}
{
  "serviceType": "device",
  "deviceId": "device-uuid",
  "displayName": "Productie Server",
  "description": "Primaire productie server"
}
```

#### Services

```json theme={null}
{
  "serviceType": "service",
  "serviceId": "service-uuid",
  "displayName": "API Service",
  "description": "REST API voor externe integraties"
}
```

### Service Status Indicators

* **🟢 Operational**: Service functioneert normaal
* **🟡 Degraded Performance**: Service heeft verminderde performance
* **🔴 Major Outage**: Service is volledig uitgevallen
* **⚫ Maintenance**: Service is in onderhoud

## Incident Management

### Incident Creatie

<Steps>
  <Step title="Incident Detecteren">
    PulseGuard detecteert automatisch incidenten
  </Step>

  <Step title="Incident Aanmaken">
    Ga naar **Incidents** → "Create Incident"
  </Step>

  <Step title="Details Invullen">
    Geef titel, beschrijving en severity
  </Step>

  <Step title="Betrokken Services">
    Selecteer welke services getroffen zijn
  </Step>

  <Step title="Communicatie">
    Kies of incident publiek zichtbaar is
  </Step>
</Steps>

### Incident Updates

Tijdens een incident kun je real-time updates geven:

```json theme={null}
{
  "incidentId": "incident-uuid",
  "status": "investigating",
  "message": "We onderzoeken momenteel het probleem",
  "timestamp": "2024-01-01T10:30:00Z",
  "publicUpdate": true
}
```

### Incident Lifecycle

1. **Detected**: Automatisch gedetecteerd door monitoring
2. **Investigating**: Team onderzoekt het probleem
3. **Identified**: Root cause gevonden
4. **Monitoring**: Oplossing geïmplementeerd, monitoring actief
5. **Resolved**: Incident opgelost
6. **Closed**: Incident afgesloten met post-mortem

## Customization

### Branding & Design

#### Logo & Colors

```json theme={null}
{
  "logoUrl": "https://example.com/logo.png",
  "brandColors": {
    "primary": "#3B82F6",
    "secondary": "#64748B",
    "success": "#10B981",
    "warning": "#F59E0B",
    "error": "#EF4444"
  }
}
```

#### Custom CSS

```css theme={null}
/* Custom styles voor je status page */
.status-page-header {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

.service-status-card {
  border-radius: 12px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}
```

### Layout & Components

#### Header Section

* Company logo en naam
* Tagline of beschrijving
* Contact informatie

#### Status Overview

* Algemene system status
* Service-specifieke status indicatoren
* Current incidents overzicht

#### Service List

* Uitklapbare service secties
* Gedetailleerde status informatie
* Response time metrics

#### Incident Timeline

* Chronologische incident lijst
* Gedetailleerde updates
* Resolved incident archief

## Subscriber Management

### Email Subscriptions

Gebruikers kunnen zich abonneren voor notificaties:

```json theme={null}
{
  "email": "user@example.com",
  "services": ["website", "api"],
  "frequency": "instant",
  "language": "nl"
}
```

### Notification Types

* **Instant**: Direct bij incident start/einde
* **Daily**: Dagelijkse status samenvatting
* **Weekly**: Weekelijkse uptime rapporten

## Multi-language Support

Status pages ondersteunen multiple talen:

```json theme={null}
{
  "supportedLanguages": ["nl", "en", "de", "fr"],
  "defaultLanguage": "nl",
  "translations": {
    "operational": {
      "nl": "Operationeel",
      "en": "Operational",
      "de": "Betriebsbereit"
    }
  }
}
```

## Maintenance Windows

Plan onderhoud periods om false alerts te voorkomen:

```json theme={null}
{
  "title": "Database Maintenance",
  "description": "Weekly database optimization",
  "startTime": "2024-01-15T02:00:00Z",
  "endTime": "2024-01-15T04:00:00Z",
  "affectedServices": ["api", "database"],
  "notifySubscribers": true
}
```

## Security & Access Control

### Public Access

* **Public Status Pages**: Vrij toegankelijk voor iedereen
* **Embed Codes**: Voor integratie op andere websites
* **API Access**: Voor third-party integraties

### Access Control

* **Team Access**: Alleen team members kunnen incidents aanmaken
* **Role-based Permissions**: Verschillende permissies per rol
* **Audit Logging**: Alle changes worden gelogd

## Analytics & Reporting

### Status Page Analytics

* **Page Views**: Hoeveel mensen bekijken je status page
* **Subscriber Growth**: Aantal email subscribers over tijd
* **Incident Impact**: Gebruikers beïnvloed per incident

### Uptime Reports

* **Monthly Reports**: Gedetailleerde uptime statistieken
* **SLA Compliance**: Service Level Agreement tracking
* **Historical Trends**: Lange termijn availability trends

## API Integration

### Status Page API

```bash theme={null}
# Status page data ophalen
curl https://status.ipulse.one/api/pages/YOUR_SLUG

# Incident updates ophalen
curl https://status.ipulse.one/api/pages/YOUR_SLUG/incidents

# Subscriber registratie
curl -X POST https://status.ipulse.one/api/pages/YOUR_SLUG/subscribe \
  -H "Content-Type: application/json" \
  -d '{"email": "user@example.com"}'
```

### Webhook Integration

Status page updates via webhooks:

```json theme={null}
{
  "event": "incident.created",
  "data": {
    "incidentId": "incident-uuid",
    "title": "API Service Down",
    "status": "investigating",
    "affectedServices": ["api"]
  }
}
```

## Best Practices

### Communication

1. **Transparent**: Wees altijd eerlijk over problemen
2. **Timely**: Geef updates zo snel mogelijk
3. **Clear**: Gebruik duidelijke, niet-technische taal
4. **Actionable**: Vertel wat je doet om het op te lossen

### Design

1. **Consistent Branding**: Gebruik je company branding
2. **Mobile Friendly**: Zorg voor goede mobile experience
3. **Fast Loading**: Optimaliseer voor snelle laadtijden
4. **Accessible**: WCAG compliance voor toegankelijkheid

### Maintenance

1. **Regular Updates**: Houd status page content up-to-date
2. **Test Communications**: Test incident communication flows
3. **Backup Plans**: Zorg voor fallback communicatie methods
4. **Review Process**: Review incident post-mortems

## Troubleshooting

### Veelvoorkomende Problemen

#### Status Page Loads Slowly

**Oorzaken:**

* Te veel services op één pagina
* Grote logo afbeeldingen
* Ongeoptimaliseerde custom CSS

**Oplossingen:**

* Beperk aantal services per pagina
* Optimaliseer afbeeldingen
* Minimaliseer custom CSS

#### Subscribers Receive Duplicate Emails

**Oorzaken:**

* Multiple incident updates kort na elkaar
* Incorrect notification settings
* Email delivery delays

**Oplossingen:**

* Batch incident updates
* Configureer notification throttling
* Use webhook instead of email voor automation

#### Incident Not Showing Publicly

**Oorzaken:**

* Incident marked as internal-only
* Status page caching issues
* API connectivity problemen

**Oplossingen:**

* Check incident visibility settings
* Clear status page cache
* Verify API connectivity

## Cost Considerations

### Plan Limits

<table>
  <thead>
    <tr>
      <th>Plan</th>
      <th>Status Pages</th>
      <th>Custom Domain</th>
      <th>Subscribers</th>
      <th>API Access</th>
    </tr>
  </thead>

  <tbody>
    <tr>
      <td>Free</td>
      <td>0</td>
      <td>❌</td>
      <td>0</td>
      <td>❌</td>
    </tr>

    <tr>
      <td>Pro</td>
      <td>1</td>
      <td>❌</td>
      <td>100</td>
      <td>✅</td>
    </tr>

    <tr>
      <td>Expert</td>
      <td>5</td>
      <td>✅</td>
      <td>1000</td>
      <td>✅</td>
    </tr>
  </tbody>
</table>

### Additional Costs

* **Custom Domain SSL**: Voor HTTPS op custom domains
* **Email Delivery**: Voor subscriber notificaties
* **Analytics Storage**: Voor lange termijn metrics

## Templates & Examples

### Basic Status Page

Voor kleine bedrijven of startups:

* Enkele services (website, API)
* Basis branding
* Email subscribers
* Monthly uptime reports

### Enterprise Status Page

Voor grote organisaties:

* Multiple service groepen
* Advanced branding
* Custom domain
* Integration met internal tools
* SLA tracking en reporting

### Developer-focused Status Page

Voor API providers:

* Detailed API endpoint status
* Version-specific monitoring
* Developer documentation links
* Webhook notifications

***

*Status pages helpen bij het opbouwen van vertrouwen met je gebruikers door transparante communicatie tijdens incidenten.*