Description
Le point de départ d'une application Angular d'entreprise qui passe les revues de code, les audits d'accessibilité et les quality gates dès le premier commit.
Démo en ligne : https://consigne-studio.github.io/socle-angular-demo/ (l'application livrée, avec son API simulée dans le navigateur).
Une commande, treize contrôles. npm run verify enchaîne formatage, lint strict, typage strict, frontières d'architecture, traductions, tests unitaires et couverture, build et budgets, poids au premier chargement, tests de bout en bout, accessibilité WCAG 2.2 AA, en-têtes de sécurité (CSP stricte, SRI), code mort, licences des dépendances et vulnérabilités connues. Il écrit ensuite un rapport HTML lisible en revue et un résumé JSON pour la CI.
Angular 22 tel qu'on l'écrit aujourd'hui. Zoneless, composants standalone en OnPush, signals, httpResource, signal forms, routes chargées à la demande, intercepteurs fonctionnels, erreurs serveur au format RFC 9457.
Une vraie application d'exemple. Un registre d'équipements industriels (données fictives) montre les cas que les tutoriels évitent : liste filtrée, triée et paginée par le serveur et pilotée par l'URL, formulaire validé côté client et côté serveur avec les erreurs du serveur sur le bon champ, refus 409 affiché, confirmation avant suppression, garde de saisie non enregistrée, rôles, FR/EN, thème clair, sombre ou système, mobile. npm run demo:remove la retire et laisse une application vide qui passe toujours les 13 contrôles.
Prêt pour votre chaîne. Pipelines GitHub Actions, GitLab CI et Jenkins (avec SonarQube), image Docker nginx non root avec en-têtes de sécurité, un seul build pour tous les environnements (seul config.json change), crochets Git, réglages VS Code, générateur de fonctionnalité (npm run generate:feature).
État à la livraison, mesuré par npm run verify sur l'archive vendue : 13/13 quality gates, 120 tests unitaires, 99,35 % des lignes couvertes, 29 tests de bout en bout, 0 violation axe-core en thème clair et sombre, 0 critère RGAA 4.1.2 en échec parmi ceux vérifiés automatiquement, 62,5 ko gzip au premier chargement.
Documentation en français (README en anglais aussi) : architecture, quality gates, ajouter une fonctionnalité, brancher votre API, authentification OIDC, déploiement, intégration continue, mise à jour d'Angular, FAQ, 7 décisions d'architecture.
Périmètre et limites
- Vous recevez le code source complet (archive zip, 178 fichiers). Node.js 22.22 ou plus récent, ou Node.js 24.
- C'est un point de départ, pas un tableau de bord prêt à vendre : pas de bibliothèque de composants graphiques, pas de paiement, pas de back-end. L'API de démonstration est simulée dans le navigateur ; le contrat attendu de votre API est documenté.
- L'authentification est décrite (guide OIDC avec angular-auth-oidc-client) mais pas branchée : chaque entreprise a son fournisseur.
- Pas de rendu côté serveur (SSR) : le socle vise les applications métier derrière une connexion.
- Les contrôles automatiques d'accessibilité et de sécurité réduisent les risques ; ils ne remplacent pas un audit RGAA complet ni un test d'intrusion.
- Mises à jour de la version majeure 1 incluses. Une nouvelle version suit chaque version majeure d'Angular.
- Angular est une marque de Google LLC. Ce produit est indépendant et n'est ni affilié ni approuvé par Google.
Licence
- Développeur unique (49 €) : une personne, applications illimitées, personnelles, commerciales ou pour des clients. Les applications créées se distribuent librement.
- Équipe (149 €) : les mêmes droits pour jusqu'à 10 développeurs d'une même organisation.
- Interdit dans les deux cas : revendre ou publier le starter lui-même, modifié ou non.
- Remboursement sous 14 jours si le produit ne fonctionne pas comme décrit.
FAQ
Faut-il connaître les signals ? Non. Le code est commenté en français, et chaque choix est expliqué dans docs/adr/.
Puis-je l'utiliser avec Angular Material, PrimeNG ou NgRx ? Oui. Le socle n'impose aucune bibliothèque de composants ; la FAQ livrée explique où les brancher.
Mon entreprise utilise GitLab ou Jenkins. Les deux pipelines sont fournis et testés, avec rapports JUnit et Cobertura, ainsi que SonarQube pour Jenkins.
Ça marche sous Windows ? Les scripts sont écrits pour Windows, macOS et Linux : Node.js sans Bash, fins de ligne normalisées. Nos propres vérifications tournent sous Linux ; un souci sous Windows est traité en priorité.
Comment obtenir les mises à jour ? Elles arrivent par Gumroad, dans votre bibliothèque d'achats. Le guide docs/mise-a-jour.md explique comment les reporter dans un projet déjà démarré.
Facture au nom de l'entreprise ? Oui : renseignez la raison sociale et le numéro de TVA au paiement.
Contact : support@consignestudio.fr
