Mise à jour du moteur de blog
Puisqu'ici tout est fait maison (tout ce que vous voyez, ce que vous manipulez sur ce site), je me devais de refaire une passe sur les pages et d'optimiser certains points. Même si cela passe inaperçu, il y a eu des changements discrets. Explications...
Vous connaissez peut-être mon affection pour le fait maison... Je n'ai rien contre Ghost CMS, Joomla ou Wordpress, mais ces outils ne sont pas pour moi. J'ai besoin de quelque chose sur mesure pour faire un site à mon image et à ma façon.
Tout ici est bien plus maintenable et évolutif. Même si vous ne le voyez pas encore, ce moteur de blog est juste incroyable.
Pour rappel on est sur du frontend Next.js et un backend Strapi typescript. Bien sûr tout a été personnalisé pour arriver à ce rendu. Ce blog bénéficie d'un caching lifecycle automatique, de l'autogénération de ressources (sitemap, etc.), permet de partager des média, et j'en passe.
Mais dernièrement je voulais y ajouter des fonctionnalités.
Démonstration d'un magnifique diagramme Mermaid :
Voici une des nombreuses possibilités de ce moteur: Etre capable de générer des diagrammes dynamiquement !
Il y a même un moteur de charts pour générer dynamiquement des graphiques:
Vous verrez bientôt cela utilisé dans les prochains articles.
Des optimisations invisibles ont aussi été déployés, sur le design, sur la refacto des composants React. Et ce n'est pas tout, un gros travail a été fait au niveau de l'optimisation.
Sur le page la plus lourde on est passé de 448kb post-compilation à 298kb soit un changement notable qui devrait se faire ressentir sur la vitesse de chargement où je fais de mon mieux pour rester performant. Le site a un pageload que je trouve assez dingue comparé à ce qui se fait en ce moment sur le marché.
Sur des pages simples on est à 500ms de chargement (cache off) de loadtime à 1s sur des pages plus complexes. J'ai jeté un oeil sur le marché et il est sûr que comparé à des moteurs classiques Wordpress et autre, on est sur une autre planète. Bref, je suis content de vous partager cela et de vous en faire profiter pour le confort de votre navigation.
Bon surf à vous.
Alexandre P.
Développeur passionné depuis plus de 20 ans, j'ai une appétence particulière pour les défis techniques et changer de technologie ne me fait pas froid aux yeux.
