--- title: Iso created: 2026-06-07 updated: 2026-06-07 type: app tags: [catalogue, dashboard, react, moderne, self-hosted] confidence: high contested: false sources: [https://selfh.st/apps/?tag=Dashboard, https://github.com/servisofts/iso] --- # 📊 Iso > Dashboard **React moderne** et design épuré pour centraliser les services self-hosted : tuiles, statuts temps réel, ergonomie soignée. ## 📋 Informations Générales | Attribut | Valeur | |----------|--------| | **Nom** | Iso | | **Slug** | iso | | **Description** | Dashboard React moderne, UI soignée, statut des services en temps réel, organisation par catégories | | **Site officiel** | https://github.com/servisofts/iso | | **Repository** | https://github.com/servisofts/iso | | **Stars** | 161 ⭐ | | **Licence** | MIT | | **Langage principal** | TypeScript (React) | | **Catégorie** | Dashboard | | **Tags** | [catalogue, dashboard, react, moderne, self-hosted] | ## 📝 Description Iso est un dashboard **construit en React** avec une approche moderne et un design clairement orienté UX. Là où Homer mise sur le statique YAML et où Glance mise sur la performance, Iso mise sur **l'interface utilisateur** : animations subtiles, typographie soignée, layout responsive, états de chargement propres. Le projet se distingue par : - **Stack React + TypeScript** : composants réutilisables, typage fort, code maintenable. - **UI fluide** : transitions, états de hover, gestion fine des statuts (online / degraded / offline). - **Configuration JSON** : un fichier central pour déclarer les groupes de services et leurs URLs ; pas d'admin web. - **Mode clair / sombre** natif,跟随 le système ou forcé. - **Health checks** : ping optionnel des services pour afficher leur disponibilité. - **Responsive** : grille adaptative desktop / tablette / mobile. C'est une option de choix pour qui veut **l'esthétique d'un produit SaaS** sans renoncer au self-hosted. L'inconvénient : consomme davantage de ressources qu'un Homer statique (bundle React + hydratation), donc à éviter sur un Pi Zero. ## 🚀 Installation ### Via Docker (recommandé) ```yaml # docker-compose.yml services: iso: image: ghcr.io/servisofts/iso:latest container_name: iso restart: unless-stopped environment: - NODE_ENV=production - PORT=3000 volumes: - ./config.json:/app/config.json:ro ports: - "3000:3000" ``` ### Installation manuelle Node.js 20+, cloner, `pnpm install && pnpm build && pnpm start`. Le build produit un bundle servi par `serve` ou nginx. ## ⚙️ Configuration - **Fichier `config.json`** : déclare les groupes et les services (label, URL, icône, type, endpoint de health check). - **Health check** : endpoint optionnel (URL `/health`, `/api/status`…) ; Iso affiche l'icône en couleur selon le code HTTP. - **Icônes** : nom de l'app résolu via une bibliothèque interne (Heroicons, Simple Icons) ou URL d'image custom. - **Thème** : `light` / `dark` / `auto`. - **Pas d'auth native** : à protéger via reverse proxy. ## 🔗 Alternatives - **Glance** — moderne aussi, plus de widgets dynamiques, Go à l'arrière-plan. - **Homepage** — YAML, intégrations natives, plus populaire. - **Homarr** — le standard de fait, intégration *arr poussée. - **Homer** — minimaliste statique, l'opposé philosophie d'Iso. ## 🔒 Sécurité - **Pas d'auth embarquée** : derrière un reverse proxy avec Authentik/Authelia dès qu'on expose hors LAN. - **Build Node.js** : mettre à jour régulièrement pour les CVE de la chaîne npm (Dependabot recommandé). - **HTTPS** : obligatoire, Traefik + Let's Encrypt ou Caddy. - **Content Security Policy** : le bundle React peut être renforcé via un header CSP strict côté reverse proxy. ## 📚 Ressources - Repository : https://github.com/servisofts/iso - Démo : https://github.com/servisofts/iso#demo ## 🔗 Pages Liées - [[cat-dashboard]] - [[app-glance]] — concurrent moderne - [[app-homarr]] — référence *arr - [[app-traefik]] — reverse proxy + HTTPS - [[app-authelia]] — couche d'auth - [[recettes-docker-compose]] - [[securisation-home-lab]]