Observabilité API · Dashboards
Signal
La santé de vos APIs, en un coup d’œil
Scroll pour découvrir ↓
01 · Observabilité API
Uptime, latence, incidents
Monitoring API — santé, incidents, détail.
- 01
Status
Tous tes endpoints, verts ou rouges, en un coup d’œil.
- 02
Incidents
Timeline claire, post-mortem prêts à partager.
- 03
Alertes
Slack / PagerDuty quand le p99 dérape.
01b · Technique
Fiche technique
Stack, mise en ligne et mon rôle sur ce build — pour recruteurs et tech leads.
- Technologies
- Next.js
- TypeScript
- React
- Tailwind CSS
- Librairies & outils
- Status timeline
- mock metrics
- Déploiement
Démo /play — app ops simulée, données mock
- Rôle
UX data · UI dense · composants métier
- Conditions
Prototype jouable — filtres, états, navigation
02 · Dans le produit
Un scroll, un écran
Chaque section se cale à l’écran — continue après le dernier pour revenir au récit.
Uptime, latence, incidents
OuvrirStatus
128 k€
Incidents
98,2 %
Alertes
14
Incidents
OuvrirOuvrir Signal
OuvrirSélection
La santé de vos APIs, en un coup d’œil
Branche un endpoint de démo et regarde les graphes.
Activité
On a réduit le MTTD de 18 à 4 minutes.
SRE · marketplace
Le status page client se met à jour tout seul.
CTO · fintech
Retour au récit
Tu as quitté les écrans démo — ensuite : tester, puis les notes de craft.
03 · Ops
Ils dorment un peu mieux
“On a réduit le MTTD de 18 à 4 minutes.”
“Le status page client se met à jour tout seul.”
04 · Sandbox
Ouvrir Signal
Branche un endpoint de démo et regarde les graphes.
- →Hero + sections sous la fold (pas juste une accroche)
- →Hiérarchie visuelle et CTA principal
- →Densité d’info vs lisibilité
05 · Même famille
D’autres directions du même type — pour comparer densités et ambiances.
06 · Ce qu’on regarde
- 01Hero + sections sous la fold (pas juste une accroche)
- 02Hiérarchie visuelle et CTA principal
- 03Densité d’info vs lisibilité
- 04États interactifs (hover, sélection, feedback)