Ravalement de façade

Le dernier rafraîchissement de mon site date d’il y a un peu plus de 7 ans.
Il a vécu quelques temps puis la vie a fait qu’il est resté en friche.

À l’époque, j’étais passé du bien-aimé Dotclear (lien externe) à WordPress (lien externe). Ce dernier était déjà incontournable et même si je l’avais déjà utilisé sur différents projets, c’était l’occasion pour moi de le prendre en main sérieusement. C’est notamment à ce moment-là que j’ai commencé à exploiter pleinement le mécanisme des thèmes enfants et à prêter une attention particulière aux bonnes pratiques de développement WordPress.

Aujourd’hui, je profite une nouvelle fois de ce rafraîchissement pour élargir mes horizons techniques et me plonger cette fois dans la JAMstack.[1]

Site statique

Au-delà de la nouveauté technique, je souhaitais en particulier utiliser un GSS, ou générateur de site statique.
Ma principale motivation est de fournir un contenu totalement statique au navigateur, en opposition aux CMS tel que WordPress, qui livre du contenu généré en PHP à chaque appel de page, ce qui implique des appels à une base de données et du travail supplémentaire sur le serveur.
Bref, je voulais me passer d’une telle machinerie alors que les pages de mon site n’ont pas du tout besoin d’être re-générées à chaque affichage, bien au contraire ![2]

Après quelques recherches, des lectures d’articles, de tutoriels et d’avis d’utilisateurices sur les dizaines de GSS disponibles, mon choix s’est finalement porté sur Eleventy (lien externe). En particulier parce qu’il est unanimement réputé pour sa simplicité de prise en main et sa flexibilité. Et voilà le résultat !

Thème sombre ou clair

Toujours au rayon technique, le site prend en compte les préférences de thème défini par l’utilisateurice : le site affichera le thème (sombre ou clair) en fonction de la préférence définie.
Si toutefois il n’y a aucune préférence définie – ce qui est le cas par défaut, c’est le thème sombre qui sera affiché. J’ai fait ce choix unilatéralement car c’est mon mode préféré. 😛
Et il est bien sûr possible de passer de l’un à l’autre sans aucun problème. Le cas échéant, le choix est enregistré dans le stockage local (lien externe) du navigateur.

Vie privée

Au-delà de l’aspect technique du site, un de mes grands objectifs avec cette refonte était de prendre soin de la vie privée des internautes qui naviguent sur le site. J’ai donc fait en sorte que le site ne récolte absolument aucune donnée personnelle !
Il n’y a pas de cookie, pas de traqueur ni d’outil d’analyse de trafic. Il n’y a pas non plus de contenus embarqués depuis des sites ou service tiers, afin d’éviter tout pistage indésirable.
Enfin la totalité des images, vidéos, polices de caractères, fichiers… utilisés sont hébergés sur le site.

Bonne navigation !

  1. Si le concept de JAMstack ne vous parle pas, je vous conseille cette très bonne introduction (lien externe) sur Jamstatic (lien externe). Retour
  2. En vérité il existe des solutions pour servir les contenus d’un site WordPress sous la forme de page statique. Mais l’appel de l’exploration technique était plus fort. 😛 Retour