De la première mouture WordPress à l’architecture Vue 3 : le grand saut du Twelve‑Assistant

Sorti en 2021 sous la forme d’un plugin WordPress, le Twelve‑Assistant V1 a vite séduit les guitaristes par sa richesse en contenu et fonctionnalité. Mais en 2025, la réécriture complète en Vue 3 + Pinia au sein d’un monorepo a fait passer l’outil dans une autre dimension : Twelve‑Assistant V2. Le tableau ci‑dessous met en regard les deux versions suivant quatre angles : UX Design, Technique & performances, Fonctionnalités et Scalabilité.

En deux mots : que change la V2 ?

Hier, le Twelve-Assistant était un simple plugin WordPress : chaque fois que vous vouliez chercher une gamme ou passer à un autre outil, la page se rechargeait intégralement. Aujourd’hui, la V2 s’ouvre comme une vraie application — aussi fluide qu’une app de smartphone — où tout reste affiché dans la même fenêtre.

• Rapidité : la recherche d’une gamme tombe de 4 s à ≈ 80 ms.
• Confort : plus besoin d’empiler les onglets ; un menu déroulant garde vos gammes, modes et accords ouvert et une barre « dock » garde vos derniers outils et réglages à portée de clic.
• Richesse : on passe d’une dizaine d’outils à plus de 50 applications spécialisées
• Pupitre étendu : accords, manches, triades, médias, compositions : disposez tout sur une feuille, enregistrez-la, rouvrez-la quand vous voulez.
• Tarifs à la carte : on passe d’une offre unique (~49 €/an pour la V1) à une V2 qui propose trois packs (Guitare, Harmonie ou Premium) pour ne payer que ce dont vous avez besoin avec une possibilité d’upgrade de votre offre.

En clair, la V2 transforme un « plugin pratique » en plate-forme créative complète : plus rapide, plus flexible, et prête pour le mobile.

Twelve-Assistant Harmony Core : le moteur de la théorie musicale

Au cœur de la V2 se trouve Harmony Core, une librairie « maison » qui alimente toutes les applications guitare, piano et analyse. Son rôle, calculer la composition en notes, enharmonie, intervalles, degrés, accords, modes relatifs… de ce avec quoi vous voulez travailler. Le tout en quelques millisecondes.

• Base de données flash – des centaines de gammes, modes et accords chargés en mémoire ; extensibles.
• Objets Scale & Chord riches – chaque gamme instanciée contient : composition détaillée, degrés, modes relatifs, accords diatoniques ; chaque accord possède à son tour sa propre « carte d’identité », prête pour le manche ou le piano.
• Calcul massif ultra-rapide – harmonisation de milliers de gammes en quelques ms ; idéal pour l’auto-complétion temps réel et la future app de création de gammes personnalisées.
• Pinia Store caché – tous les résultats sont mémorisés ; si l’utilisateur revient sur une gamme, l’Assistant la sort du cache instantanément, sans recalcul.
• Tables de référence inversées – générées à partir de la même base : elles offrent une recherche instantanée de gammes, modes et accords à partir de quelques notes. Sélectionnez simplement des notes sur le manche ou le piano dans les outils de recherche ; les résultats se rafraîchissent aussitôt

Grâce au Twelve-Assistant Harmony Core, un futur module de création de gammes pourra, dès que vous entrez une suite de notes, calculer instantanément l’harmonisation complète, afficher chaque degré et proposer les progressions correspondantes — le tout sans jamais quitter la page.

Comparatif :

Pupitre : « Avant / Après »

• V1 : 8 accords, 10‑15 diagrammes, pas de média, impossibilité de rouvrir plusieurs pupitres.
• V2 : quantités illimitées, feuilles multi‑éléments, stockage de médias (YouTube, Spotify, etc.) lisibles en P‑in‑P, enregistrement / duplication / import de pupitres exemples.

Infrastructure pensée pour des milliers d’utilisateurs

Derrière l’interface fluide de la V2 se cache une infrastructure taillée pour l’affluence :

• Base de données PostgreSQL : moteur ACID robuste, indexations JSONB pour les structures harmoniques complexes, répliqué en lecture pour absorber les pics de trafic.
• Virtualisation Proxmox : l’ensemble tourne sur un cluster Proxmox VE. Chaque service (API Laravel, PostgreSQL, Python, n8n) vit dans sa propre VM, ce qui permet la migration à chaud vers un autre hôte en quelques secondes si je dois augmenter la capacité ou effectuer une maintenance matérielle — sans interruption pour les utilisateurs.
• Réseau interne ultra-rapide : les VMs partagent le même switch 10 Gb E — l’API et la base dialoguent en LAN, réduisant la latence à quelques millisecondes.

Ainsi, le back-office peut grandir — ou se déplacer — à la demande, tout en restant transparent pour les milliers d’utilisateurs internationaux connectés simultanément.

Sécurité & monitoring : une forteresse autour de vos données

• Bastion SSH dédié : un jump-host unique, durci (Debian minimal, Fail2Ban, 2FA), sert d’unique point d’entrée ; toutes les VM internes refusent les connexions directes et n’acceptent que le trafic venant de ce bastion.
• Pare-feu en amont : VM Proxmox protégées par UFW + WAF ; seuls les ports essentielssont ouverts.
• Accès SSH à IP dédiée : le bastion et Proxmox n’autorisent que les clés SSH depuis une seule adresse IP fixe.
• Sauvegardes redondantes : snapshots Proxmox quotidiens + dumps PostgreSQL horaires, répliqués chiffrés hors site (AES-256).

Avec ce bastion centralisé, ces pare-feux stricts, le monitoring permanent et des sauvegardes chiffrées, le Twelve-Assistant V2 reste sécurisé et résilient, prêt à protéger vos données contre toute tentative d’intrusion.

Pourquoi quatre ans de développement ?

Réécrire un plugin WordPress en une plate‑forme front‑to‑back capable de tourner demain sur mobile n’est pas qu’un refactor, c’est un vrai changement de paradigme — surtout lorsqu’on pilote le projet en solo et à temps partiel. Entre 2021 et 2025, il a fallu :

• Choisir la bonne pile technologique : essais successifs (React + Redux, Svelte, Angular, Ionic) avant de trouver l’équilibre Vue 3 + Pinia / Vite, compatible Capacitor pour de futurs projets mobile.
• Monter en compétence sur la Composition API, TypeScript, les CI/CD, Docker Swarm et l’IaC pour orchestrer un monorepo de 222 k lignes codées et + de 50 apps documentées individuellement.
• Stabiliser l’architecture : migration progressive vers un backend Laravel + PostgreSQL, découplage API, tests unitaires, puis optimisation (4 s → 350 ms pour la recherche d’une gamme).
• Créer un design system (Tailwind + Headless UI), traduire l’interface (i18n), refondre l’UX et concevoir de zéro le nouveau Pupitre, la barre Docker, le cache useLibraryDatasStore, etc.
• Composer avec d’autres activités : YouTube, production freelance, 2 enfants… Le développement n’a pu se faire que quand j’avais trouvé la bonne formule, et pour la préparer ça a mis 3 ans, pour le développer ça a mis 1 an avec des sessions régulière de 10h par jour sans arrêt

En clair : le projet a pris le temps de mûrir pour garantir une base pérenne, performante et cross‑platform, plutôt qu’une simple mise à jour cosmétique. 

Tarification mise à jour (2025)

La version WordPress était commercialisée 4 €/mois (≈ 49 €/an)

Le V2 propose trois plans annuels :

• 🎸 Guitar Assistant : 29,99 €/an (5 ou 100 pupitres)
• 🎹 Harmony Assistant : 29,99 €/an (5 ou 100 pupitres)
• ⭐ Premium : 59,99 €/an (20 → illimité pupitres)

Offre de lancement : 100 licences lifetime à 299 €.

Conclusion

Le passage de PHP/WordPress à une Single‑Page App Vue 3, adossée à un backend Laravel et à un monorepo rigoureusement organisé, a transformé l’expérience : chargements 20 × plus rapides, UX unifiée, fonctionnalités démultipliées (+ 50 apps pour le moment) et base technique extensible vers de futurs produits (Twelve‑Trainer, projets mobiles etc.). Pour l’utilisateur final, le Twelve‑Assistant n’est plus un simple plugin : c’est devenu une plate‑forme de théorie musicale complète.