Rachl.dev

BlogDev #0 : Pourquoi j'ai choisi GatsbyJS pour mon blog

Le premier épisode d'une série qui explique comment j'ai choisi le générateur de site GatsbyJS et pourquoi j'améliore petit à petit le code de mon thème.


Lorsque j’ai commencé le développement de ce blog, j’avais deux objectifs en tête : Découvrir des choses et être utile. Pour satisfaire cette première exigeance, j’ai choisi de le développer avec des technologies que je n’avais encore jamais utilisées en production, notamment GatsbyJS : un générateur de site statique basé sur React.

Gatsby fait l’objet d’une attention croissante depuis sa création en 2015. Il séduit par sa simplicité de mise en place (du moins pour les habitués du Javascript), ses excellentes performances et son adaptabilité. En effet, la communauté a déjà créé une quantité impressionnante de plugins et il est très simple de créer des composants personnalisés. Vous pouvez également y greffer de nombreux CMS (Wordpress, Netlify, Drupal, TinaCMS…) ou simplement éditer des articles en Markdown.

J’ai choisi pour le moment de travailler sans CMS et d’utiliser Gatsby Starter Blog, le starter thème le plus minimaliste et populaire pour Gatsby. Malheureusement, s’il permet effectivement de mettre en ligne un blog simple en très peu de temps, certaines bonnes pratiques ne sont pas respectées, et des procédés gagneraient à être optimisés (Une librairie javascript pour gérer la taille de police ? vraiment ?).

Dans cette série d’article, je vous parlerai donc des modifications que j’apporte au fur et à mesure à mon thème pour l’adapter à mes besoins et le rendre plus qualitatif (ou l’empirer, à vous d’en juger). Au programme : Se débarasser de Typography.js, utiliser SASS, ajouter des tags etc..

Stay tuned !


Rachel Pellin

Webaholic depuis 2013, je partage ici des tips & tricks reccueillis au cours de mes pérégrinations sur le web. Retrouvez-moi sur twitter