Search bar H24 : la nav qui scale sans complexifier le menu
Le SaaS qui grossit a 2 choix : menu à 12 niveaux (illisible) OU search bar globale (Cmd+K) qui trouve tout en 2 frappes. Le second gagne toujours.
Le pattern Cmd+K unifié (SSOT search)
Un fichier src/lib/searchIndex.ts qui construit un index unique depuis toutes les sources :
- pages statiques (
paths.ts) - blog posts (
blogPosts.ts) - services (
services.ts) - villes (
cities.ts) - cluster pages, outils, glossaire, FAQ…
8 sources, 1 builder, 0 duplication. Le Header et l'AdminLayout consomment le même index.
UX rules 2026
- Ouverture Cmd+K / Ctrl+K + bouton visible sur mobile
- Fuzzy search (fuse.js) + groupes par catégorie
- Actions rapides admin (créer lead, exporter CSV) dans le même palette
- Résultats keyboard-navigables (↑↓ Enter)
Pourquoi ça remplace les méga-menus
Un méga-menu force l'utilisateur à deviner la hiérarchie. La search bar laisse l'utilisateur exprimer son intention. Métriques internes : -68% de bounce sur la nav, +3x usage du contenu profond (cluster pages).
Anti-pattern : 2 search différents
Search publique ≠ search admin = 2 codebases qui divergent. Solution : 1 index, 2 filtres (isPublic, requiresAdmin). 1 source de vérité.
Partager