Status Pages

​

Overview

​

Belangrijkste Features

​

Status Page Aanmaken

​

Service Management

​

Services Toevoegen

​

Domains

{
  "serviceType": "domain",
  "domainId": "domain-uuid",
  "displayName": "Hoofdsite",
  "description": "Onze hoofdsite en web applicatie"
}

​

Devices

{
  "serviceType": "device",
  "deviceId": "device-uuid",
  "displayName": "Productie Server",
  "description": "Primaire productie server"
}

​

Services

{
  "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

​

Incident Updates

{
  "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

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

​

Custom CSS

/* 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

{
  "email": "[email protected]",
  "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

{
  "supportedLanguages": ["nl", "en", "de", "fr"],
  "defaultLanguage": "nl",
  "translations": {
    "operational": {
      "nl": "Operationeel",
      "en": "Operational",
      "de": "Betriebsbereit"
    }
  }
}

​

Maintenance Windows

{
  "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

# 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": "[email protected]"}'

​

Webhook Integration

{
  "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

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

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

​

Subscribers Receive Duplicate Emails

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

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

​

Incident Not Showing Publicly

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

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

​

Cost Considerations

​

Plan Limits

​

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

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

​

Enterprise Status Page

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

​

Developer-focused Status Page

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