Status page publique avec Uptime Kuma : tutoriel 2026

Une status page publique est un outil de communication essentiel : quand votre service tombe (ce qui arrivera), une page status.exemple.sn qui montre clairement ce qui marche et ce qui ne marche pas évite des dizaines de tickets clients et rassure votre audience. Uptime Kuma le fait gratuitement, en quelques clics. Voici le tutoriel 2026.

Voir notre guide Uptime Kuma complet.

Étape 1 — Créer une status page

1. Uptime Kuma → Status Pages → New Status Page
2. Slug : main (URL sera status.exemple.sn/status/main)
3. Title : ITSkillsCenter Status
4. Description : État en temps réel des services ITSkillsCenter
5. Logo : upload votre logo (recommandé)
6. Theme : Light ou Dark selon préférence

Étape 2 — Ajouter monitors par groupe

Organisez les monitors en groupes pour clarté :

• Site web : exemple.sn, blog.exemple.sn
• API : api.exemple.sn, auth.exemple.sn
• Infrastructure : Postgres, Redis (HTTPS health endpoint si exposé)
• Tiers : Wave API, Orange Money API (depuis Uptime Kuma vers ces endpoints)

Étape 3 — Domaine custom

Pour avoir status.exemple.sn directement (sans /status/main), configurez Uptime Kuma sur ce domaine et indiquez la status page comme page d’accueil :

1. Status Page → Settings → « Display this page when visiting /« 
2. Ou Caddyfile : redirection root vers /status/main

Étape 4 — Incidents et messages

Lors d’un incident, ajoutez un message à la status page :

1. Edit status page → Incident → New Incident
2. Status : Investigating / Identified / Update / Resolved
3. Title et description en français
4. Pin to top pendant l’incident

L’historique des incidents reste visible aux visiteurs, ce qui rassure (vous communiquez, vous résolvez).

Étape 5 — Embed dans un site

Pour afficher un badge « All systems operational » sur votre site :

<iframe 
  src="https://status.exemple.sn/status/main" 
  width="100%" 
  height="600" 
  frameborder="0"></iframe>

Ou via API JSON pour custom rendering :

fetch("https://status.exemple.sn/api/status-page/main")
  .then(r => r.json())
  .then(data => { /* render custom badge */ });

Étape 6 — Multi status pages (agence)

Pour une agence avec plusieurs clients, créez une status page par client avec :

• Slug et URL distincts par client
• Logo et nom du client
• Monitors filtrés (un seul monitor peut apparaître sur plusieurs status pages)

Adaptation Afrique de l’Ouest

Pour les PME francophones, la status page en français professionnel rassure : « Tous les systèmes sont opérationnels », « Incident en cours d’investigation ». Cloudflare Free devant pour servir la status page depuis edge proche (Lagos, Casablanca) — visiteurs depuis Sénégal/CI accèdent en < 100 ms.

Pour aller plus loin

• Guide Uptime Kuma complet
• Installation
• Notifications