Starter-frontend
Crédit : Olivier Fillol
Ce starter est un socle d’application front prêt pour la production, construit sur Vue.js 3.5, Vite 7 et TypeScript. Il existe en deux variantes — un layout site classique et un layout administration — et constitue le pendant front du Starter API.
Pourquoi Vue 3
Après avoir travaillé sur des projets Angular et AngularJS, Vue s’est imposé pour sa courbe d’apprentissage douce et son écosystème cohérent. La Composition API de Vue 3 apporte la réutilisabilité logique qui manquait à l’Options API, tout en restant plus légère que les abstractions équivalentes dans d’autres frameworks. Le typage TypeScript natif et le tooling Vite pour le rechargement instantané en font un choix solide pour du développement rapide.
Un atout déterminant de l’écosystème Vue est Pinia, le store officiel recommandé par l’équipe Vue. La gestion de l’état applicatif — actions typées, état centralisé, mutations traçables — est prise en charge par le framework dès le départ. C’est un avantage concret par rapport à Angular, qui ne propose pas de système de store intégré : la gestion de l’état y repose sur des Subject et BehaviorSubject RxJS, puissants mais dont la structuration est entièrement à la charge du développeur — un constat détaillé dans l’article sur la cartographie du back-office Rezo Pouce.
Architecture modulaire
Le starter impose une organisation par modules métier. Chaque module regroupe ses composants, ses routes et sa logique dans un répertoire autonome. Les éléments partagés — header, footer, composants UI transversaux — vivent dans un répertoire components/ séparé.
Un système de layouts permet de définir des gabarits de page (navigation, sidebar, contenu principal) réutilisables par les routes. C’est ce mécanisme qui différencie les deux variantes du starter : le layout classique propose une structure site vitrine, le layout admin propose une navigation latérale avec espace de travail central.
Deux variantes
Le layout classique cible les sites web standards — page d’accueil, sections de contenu, navigation horizontale. Le layout administration cible les interfaces de gestion — sidebar de navigation, zone de contenu étendue, structure adaptée aux formulaires et aux tableaux de données. Les deux partagent le même socle technique et la même organisation de code.
Ces projets sont distribués sous licence MIT. Consultez le fichier LICENSE.md pour plus de détails.
Infrastructure Docker
Comme le Starter API, l’ensemble tourne dans des conteneurs Docker orchestrés par Docker Compose. Le serveur de développement Vite est configuré avec le hot-reload, accessible sur localhost:8080. Le démarrage se résume à un docker compose up -d ou un make start si l’on préférère les commande Makefile.
Lien vers les dépôts :
Une question ou un projet ?
Je suis disponible pour en discuter.