Files
wiki/Catalogue-Self-Hosted/apps/app-trala.md
T
2026-06-09 18:40:21 +02:00

102 lines
4.3 KiB
Markdown

---
title: TraLa
created: 2026-06-07
updated: 2026-06-07
type: app
tags: [catalogue, dashboard, signets, minimaliste, self-hosted]
confidence: high
contested: false
sources: [https://selfh.st/apps/?tag=Dashboard, https://github.com/nicholasgasior/trala]
---
# 📊 TraLa
> Dashboard **ultra-minimaliste** combinant signets rapides et statut des services self-hosted : l'essentiel, sans le superflu.
## 📋 Informations Générales
| Attribut | Valeur |
|----------|--------|
| **Nom** | TraLa |
| **Slug** | trala |
| **Description** | Dashboard minimaliste single-purpose : page de signets et de tuiles services, sans fioritures |
| **Site officiel** | https://github.com/nicholasgasior/trala |
| **Repository** | https://github.com/nicholasgasior/trala |
| **Stars** | 269 ⭐ |
| **Licence** | MIT |
| **Langage principal** | HTML / CSS / JS (statique) |
| **Catégorie** | Dashboard |
| **Tags** | [catalogue, dashboard, signets, minimaliste, self-hosted] |
## 📝 Description
TraLa est un **dashboard volontairement dépouillé** pensé pour ceux qui ne veulent pas d'un Glance ou d'un Homepage avec 50 intégrations. Sa promesse tient en peu de mots : une page d'accueil rapide qui regroupe **signets personnels** et **liens vers les services self-hosted**, configurée en YAML, servie en statique.
Le projet se distingue par sa **simplicité radicale** :
- **Single-purpose** : pas de widgets météo, pas de monitoring, pas d'API. Juste des liens cliquables, organisés en groupes.
- **Configuration YAML** : un seul fichier `config.yml` décrit les catégories et les tuiles. Pas de base de données, pas d'admin web.
- **Static-first** : le résultat est un ensemble de fichiers HTML/CSS/JS qu'on peut servir depuis n'importe quel serveur statique (nginx, Caddy, ou même GitHub Pages).
- **Léger** : quasi-aucune empreinte mémoire, idéal pour Raspberry Pi ou vieux matériel.
C'est l'opposé des dashboards modernes : **aucune dépendance JavaScript lourde**, aucun appel réseau au runtime, aucun risque de casser après une mise à jour. Une fois configuré, TraLa ne bouge plus.
Idéal en complément d'un reverse proxy ([[app-traefik]]) qui sert à la fois TraLa et les services qu'il liste.
## 🚀 Installation
### Via Docker (recommandé)
```yaml
# docker-compose.yml
services:
trala:
image: ghcr.io/nicholasgasior/trala:latest
container_name: trala
restart: unless-stopped
volumes:
- ./config.yml:/app/config.yml:ro
ports:
- "8080:80"
```
### Installation manuelle
Cloner le repo, éditer `config.yml`, servir le dossier `dist/` avec n'importe quel serveur HTTP statique (nginx, Caddy, busybox httpd). Aucune étape de build n'est obligatoire : les fichiers sont prêts à servir.
## ⚙️ Configuration
- **Fichier `config.yml`** : déclare les groupes (ex. *Media*, *Admin*, *Prod*) et les tuiles (label, URL, icône, couleur).
- **Icônes** : référence par nom vers une bibliothèque intégrée (pas d'upload custom).
- **Thème** : variables CSS en haut du fichier, dark/light au choix.
- **Recherche** : champ de recherche basique qui filtre les tuiles (pas de moteur externe).
- **Pas d'authentification native** : à protéger via reverse proxy si exposé.
## 🔗 Alternatives
- **Homer** — autre dashboard statique YAML, plus connu, plus de fonctionnalités (date, météo, IP).
- **Flame** — fork moderne de Homarr, design plus soigné.
- **Homepage** — YAML aussi, mais avec intégrations dynamiques (Docker, services).
- **Glance** — plus riche en widgets dynamiques.
## 🔒 Sécurité
- **Exposition** : TraLa n'a aucune auth, donc à servir **derrière un reverse proxy** avec authentification (Authentik, Authelia) si accessible hors LAN.
- **Pas de runtime dynamique** : surface d'attaque quasi-nulle (HTML/CSS/JS statique), pas d'API à protéger.
- **HTTPS** : obligatoire dès qu'il y a des credentials d'admin dans les services pointés (Traefik + Let's Encrypt par exemple).
## 📚 Ressources
- Repository : https://github.com/nicholasgasior/trala
- Inspiration : https://github.com/bastienwirtz/homer
## 🔗 Pages Liées
- [[cat-dashboard]]
- [[app-homepage]] — alternative plus riche
- [[app-homer]] — cousin statique YAML
- [[app-traefik]] — reverse proxy pour l'exposer
- [[app-authentik]] — pour protéger l'accès
- [[recettes-docker-compose]]
- [[securisation-home-lab]]