---
title: Front End
created: 2026-06-07
updated: 2026-06-07
type: category
tags: [catalogue, front-end, frontend, alternative-interface, privacy]
confidence: high
sources: [https://selfh.st/apps/?tag=front-end]
---

# 🖥️ Front End

> Catégorie regroupant les **front-ends alternatifs** auto-hébergeables : interfaces web qui remplacent ou complètent des services tiers (YouTube, Reddit, Tumblr, Proxmox, Redis...) avec une emphase sur la **vie privée** et l'**absence de tracking**.

## 📊 Vue d'ensemble

| Métadonnée | Valeur |
| :--- | :--- |
| **Nombre d'apps** | 25 |
| **Apps documentées** | 25/25 (100%) |
| **Tag selfh.st** | `front-end` |
| **Tag ID** | 119 |
| **Volume fiches** | ~93 Ko |
| **Taille moy/fiche canonique** | ~4.2 Ko |
| **Mini-fiches** | 4 (collisions) |

## 🏷️ Sous-catégories par type

### 📺 Front-ends YouTube (privacy)
- 📺 [[app-invidious]] — La superstar (2,2k⭐, Crystal)
- ▶️ [[app-piped]] — Alternative moderne, multi-instances (857⭐, Java/Kotlin)
- 🎵 [[app-beatbump]] — YouTube Music auto-hébergeable (92⭐)
- 🎨 [[app-materialious]] — UI Material Design pour YouTube (60⭐)
- 🛋️ [[app-couchtube]] — Frontend YouTube pour TV/HTPC (10⭐)

### 🦀 Front-ends Reddit
- 🦀 [[app-redlib]] — Le plus mature (234⭐, Rust)
- 👀 [[app-lurker]] — Mode lecture seule (19⭐, Go)
- 🦉 [[app-eddrit]] — Minimaliste (7⭐, Haskell)
- 🕵️ [[app-anonymous-overflow]] — Frontend StackOverflow anonymisé (25⭐, Python)

### 🎬 Front-ends médias
- 🎬 [[app-fladder]] — Frontend pour Jellyfin (137⭐, Flutter)
- 🦁 [[app-quetre]] — Quora alternatif (35⭐, TS)
- 🦁 [[app-crn-master]] — CuriosityStream front-end (31⭐)
- 🔒 [[app-priviblur]] — Tumblr privacy-first (10⭐, Rust)

### 🗄️ GUI pour outils serveur
- 🗄️ [[app-redis-commander]] — GUI web pour Redis (502⭐, Node.js)
- ⬇️ [[app-vuetorrent]] — GUI web pour qBittorrent (325⭐, Vue.js)
- 🖥️ [[app-proxcenter]] — GUI pour Proxmox (50⭐, Vue.js)
- 📊 [[app-nimtable]] — GUI ClickHouse (28⭐, Nim)
- 🛡️ [[app-crowdsec-manager]] — GUI CrowdSec (9⭐)
- 🔐 [[app-mkcert-web-ui]] — Interface mkcert dev (10⭐)

### 📍 Spécialisé
- 📍 [[app-owntracks-frontend]] — Frontend OwnTracks (67⭐, Python)
- 🎨 [[app-omnipoly]] — Frontend Polyhaven (6⭐, assets 3D)

### 🖥️ Interfaces pour reverse-proxy / logs (mini-fiches)
- 🖥️ [[app-nginx-ui-frontend]] — Nginx UI (canonique dans Reverse Proxy)
- 🖥️ [[app-caddymanager-frontend]] — CaddyManager (canonique dans Reverse Proxy)
- 🖥️ [[app-mantrae-frontend]] — Mantrae (canonique dans Reverse Proxy)
- 🖥️ [[app-fail2ban-report-frontend]] — Fail2Ban Report (canonique dans Logs)

## 🔑 Concepts clés

### Front-end alternatif vs Proxy
Deux philosophies d'auto-hébergement :
- **Front-end** : tu héberges l'interface, elle **récupère les données** d'un service tiers (YouTube/Reddit upstream) — nécessite un backend externe
- **Proxy** : tu héberges l'interface + tu fais transiter les requêtes vers le service tiers (ex: nginx reverse-proxy) — pas de logique métier
- **Invidious** peut fonctionner dans les deux modes (instance publique ou fetch direct)

### Privé vs Anonyme
La plupart de ces apps partagent deux promesses :
- **Vie privée** : pas de cookies, pas de tracking, pas de compte utilisateur
- **Anonymat** : pas d'historique de visionnage, pas d'algorithme de recommandation
- **Self-hosted** : tu contrôles l'instance, tu décides des logs

### Limitation YouTube
Les frontends YouTube sont **en guerre permanente** avec Google :
- Changements d'API réguliers → breaking changes fréquents
- Rate-limiting accru depuis 2021
- Instances publiques souvent sur liste noire (Tor)
- **Recommandation** : héberger sa propre instance + éventuellement utiliser PoToken (Piped)

## ⚠️ Pièges à éviter

1. **Instances publiques instables** : les instances YouTube publiques ferment régulièrement (problèmes légaux, coûts). **Auto-héberge** pour stabilité.
2. **Mkcert Web UI en production** : JAMAIS exposer publiquement. C'est un outil **dev** qui génère des certificats auto-signés. Binder sur 127.0.0.1 ou réseau local uniquement.
3. **Recaptcha / anti-bot** : Reddit/StackOverflow bloquent agressivement les frontends non-IP résidentielle. Utiliser un proxy résidentiel ou un token si besoin.
4. **MobSF / IP quality** : Redis Commander, ProxCenter exposent des infos sensibles (cache, VMs). **Auth obligatoire** + reverse-proxy avec Authelia.
5. **Rate-limiting** : Beatbump et Materialious sont dépendants d'Invidious ou d'une API tierce. Prévoir un fallback.
6. **Apps confidence: low** : Lurker, Priviblur, CouchTube, Mkcert Web UI, CrowdSec Manager, Eddrit, OmniPoly (7 apps <⭐20) — projets jeunes, bus factor 1.

## 🛠️ Points techniques communs

| Composant | Usage typique |
| :--- | :--- |
| **Backend** | Souvent Node.js/TypeScript, Rust, Go |
| **Frontend** | React, Vue, Svelte, Flutter (Fladder) |
| **API tierce** | YouTube Data API (ou scraping), Reddit JSON, Tumblr API |
| **Cache** | Redis (optionnel, surtout Invidious) |
| **Reverse proxy** | Nginx, Caddy, Traefik (obligatoire pour TLS) |
| **Workers** | Sidekiq (Invidious) ou threads natifs (Rust/Go) |

## 🏆 Recommandations par besoin

| Besoin | Recommandation |
| :--- | :--- |
| **YouTube privacy** | [[app-invidious]] (le plus mature) ou [[app-piped]] (plus moderne) |
| **YouTube Music** | [[app-beatbump]] |
| **YouTube TV/HTPC** | [[app-couchtube]] |
| **Reddit privacy** | [[app-redlib]] (standard) |
| **Jellyfin web** | [[app-fladder]] |
| **qBittorrent web** | [[app-vuetorrent]] |
| **Redis admin** | [[app-redis-commander]] |
| **Proxmox centralisé** | [[app-proxcenter]] |
| **StackOverflow anonyme** | [[app-anonymous-overflow]] |
| **Tumblr privacy** | [[app-priviblur]] |
| **Certificats dev SSL** | [[app-mkcert-web-ui]] (dev only!) |
| **Mini instance "anonymous"** | [[app-omnipoly]] pour assets 3D |

## 📊 Stats par stack technique

| Langage | Apps | Exemples |
| :--- | :---: | :--- |
| **JavaScript/TypeScript** | 8 | Piped, VueTorrent, Beatbump, Materialious, Quetre, CouchTube, Redis Commander |
| **Rust** | 4 | Redlib, Priviblur, Lurker, Mkcert Web UI |
| **Go** | 4 | OmniPoly, Lurker, Fladder (Flutter→Dart), Redis Commander, Mkcert Web UI |
| **Crystal** | 1 | Invidious |
| **Python** | 2 | OwnTracks Frontend, Anonymous Overflow, OmniPoly, Eddrit |
| **Haskell** | 1 | Eddrit |
| **Dart/Flutter** | 1 | Fladder |
| **Vue.js (frontend)** | 2 | ProxCenter, VueTorrent |

## 📊 Statistiques globales du catalogue

- **Catégories** : 27/172
- **Apps documentées** : ~655 (~597 canoniques + 58 mini-fiches + 4 nouvelles mini-fiches redirects) sur 1304 (~45%)
- 4 collisions Front End ↔ Reverse Proxy/Logs (mini-fiches)

## 🔗 Pages Liées

- [[Catalogue-Self-Hosted]] — Hub principal
- [[cat-reverse-proxy]] — 3 collisions via Nginx UI, CaddyManager, Mantrae
- [[cat-logs]] — 1 collision via Fail2Ban Report
- [[recettes-docker-compose]] — Templates
- [[securisation-home-lab]] — Sécurité
- [[comparatif-frontends-youtube]] — À venir
- [[comparatif-frontends-reddit]] — À venir
- [[vies-privees-et-alternatives]] — Concept (à créer)
