Nouvelle version du site avec Gatsby

📅 May 12, 2023

Au secours mon site a 15 ans

Mon site a 15 ans ! 15 déjà ! Je l'avais développé à l'époque où j'étais étudiant avec Haxe et Haxigniter car j'étais déjà allergique au php. J'avais fait une refonte visuelle lorsque je me suis mis à mon compte pour proposer mes services de développement de serious games, advert games et autres joyeuseutés. Toutefois cette version fonctionnait sur une très ancienne version de php qui n'est plus maintenue et était menacée de disparition. J'aurai aimé faire juste une maj rapide de Haxe pour compiler vers une version actuelle de php mais Haxigniter n'étant plus maintenu, cela m'aurait de toute façon demandé quelques modifications. Cependant, mon site a toujours eu quelques lacunes.

Un blog qui n'en est pas un

Mon site n'a jamais vraiment été un blog mais plutôt une vitrine de mes compétences grâce à mon cv en ligne et mon portfolio. La raison est simple c'est qu'il était très difficile de poster dessus. Je devais écrire sur un éditeur de texte en ajoutant des balises html, puis ajouter l'article directement dans la base de données paragraphe par paragraphe. Evidemment parfois je faisais des erreurs et donc j'itérais souvent. Clairement un site fait à l'arrache pendant mes études 😅. Tout ceci a toujours freiné l'écriture d'articles et a limité la qualité des articles que j'y écrivais - je devais y passer le moins de temps possible ! 🏃

Et maintenant ?

Je ne sais pas si je vais davantage poster dorénavant, mais ce qui est certain c'est que le seul frein maintenant est le temps puisque j'ai enfin tout à disposition pour ajouter tout le contenu que je veux. Grâce à Netlify je peux écrire dans un éditeur de texte enrichi, et au pire l'écriture en markdown avec Gatsby est bien plus rapide et lisible que le html. J'ai également totalement retravaillé le SEO pour un gain de visibilité : ajout de keywords distincts par article, d'un schema markup par page mais aussi d'une url digne de ce nom. J'en ai profité pour mettre à jour les anciens articles en actualisant tous les liens, et également pour supprimer ceux qui n'avaient plus vraiment d'intérêt 😱 (sans pitié quoi !). Côté navigation, on peut désormais naviguer d'un article à un autre grâce à l'introduction des liens "article précédent" et "article suivant", mais j'ai également ajouté des liens vers les mots clés de l'article. Côté design, je suis passé à Boostrap 5, c'est censé être plus léger 🌳. Le seul inconvénient c'est que je me suis mis à abuser des emojis 😇!

quelques mots sur Gatsby

Gatsby est un générateur de sites statiques moderne et performant basé sur React. Le développement de site est facilité grâce à son approche basée sur les composants (et il y a beaucoup de plugins Gatsby ! On peut même piocher chez React👀). C'est très complet et ça s'adapte vraiment à tous les besoins. Voilà en tout cas une bonne occasion pour se mettre enfin à React (faut toujours suivre les modes 😁).