CISSTECH
TrempéDepuis 2021

NGE

La boîte à outils Angular que je réutilise de projet en projet.

Front
Angular
Outillage
Nx
Pourquoi

Arrêter de réécrire les mêmes briques

À force de démarrer des applications Angular, les mêmes besoins revenaient : afficher de la documentation, rendre du Markdown enrichi, embarquer un éditeur de code. À chaque fois, la même demi-journée perdue à recâbler des dépendances.

NGE rassemble ces briques dans un seul paquet, sous des points d'entrée indépendants : on installe ce dont on a besoin, rien de plus. Chacune est pensée pour être étendue, pas seulement configurée.

Ce qu'il y a dedans

Trois briques, un point d'entrée chacune

nge/doc Construit un site de documentation à partir d'une config de routes, de fichiers Markdown ou de composants Angular vivants. Docsnge/markdown Rendu Markdown bâti sur Marked : admonitions, onglets, KaTeX et coloration syntaxique, extensible par contributions. Docsnge/monaco L'éditeur Monaco de VS Code intégré à Angular : éditeur, vue en diff et lecture seule. Docs
À quoi ça ressemble

Un site de doc, un rendu Markdown

Un site de documentation généré avec NGE
Le rendu Markdown enrichi de NGE
La preuve

Ce n'est pas une démo, c'est en production

PLaTon, la plateforme d'apprentissage de l'Université Gustave Eiffel, tourne sur NGE : sa documentation, son rendu d'énoncés et son éditeur en dépendent directement. Le meilleur test d'une bibliothèque, c'est de la faire tourner soi-même, tous les jours, sous la charge d'utilisateurs réels.

La même exigence

Besoin d'un socle Angular qui tienne ?

Les convictions derrière NGE sont celles que j'apporte à chaque mission.