Home

Quelle stack technique pour ce blog ?

By Sébastien Porati
Published in Blog
September 27, 2021
Quelle stack technique pour ce blog ?

Avertissement : il y a pas mal de jargon technique ou marketing dans cet article, et comme je ne connais pas l’audience du site, j’ai pris le parti d’ajouter des liens pour pouvoir trouver facilement l’explication de ces concepts/acronymes/…

Après avoir eu l’idée/besoin de publier un blog, la question de la “technique” est vite arrivée !

La solutions la plus simple aurait consisté à choisir une plate-forme comme Wordpress.com ou Ghost.org pour pouvoir me consacrer exclusivement au contenu. Mais en tant que technicien/développeur, j’y ai plutôt vu l’opportunité de tester plusieurs services/outils dont j’avais entendu parlé et/ou qui pourrait me re-servir plus tard pour mon projet.

La “construction” du blog

J’ai choisi le framework de génération de site statique GastbyJS. Ca fait un moment que j’entends parler de cette fameuse Jamstack et de ses potentiels bénéfices (performances, SEO, …) : le blog était une très bonne occasion de tester et voir si c’est une techno qui pourrait me convenir pour de futurs sites média (Golf, RC cars, …) et/ou statiques. GatsbyJS est basé sur le framework ReactJS qui est le framework Frontend que j’ai prévu d’utiliser sur mon projet.

Pour la partie “gestion du contenu” (les articles), j’ai choisi le service Contentful. Ca fait aussi un moment que j’ai envie de regarder de plus près ces fameux CMS Headless (et notamment en mode SaaS). Est-ce qu’un CMS Headless peut permettre d’avoir des contenus sur différents sites que l’on peut facilement mettre à jour sans avoir à tout développer soi-même (interfaces d’édition , lecture et stockage) ?

J’ai aussi choisi d’utiliser un template pour gagner du temps sur la mise en place du blog et avoir un design propre. Mon choix s’est porté sur FlexiBlog achété sur ThemeForest.

L’hébergement du blog

Pour l’hébergement, j’étais parti pour sortir l’artillerie lourde (à mettre en place) que je connaissais à savoir les services Amazon S3 pour le stockage des fichiers et Cloudfront pour la diffusion de contenu (CDN).

Puis, j’ai lu la documentation de GatsbyJS et sa section Hosting qui m’ont permis de découvir le service Netlify. J’avais déjà vu passer quelques fois ce nom dans des articles sur l’hébergement de “Frontend” : c’était donc l’occasion de voir plus en détails les potentiels avantages/différences par rapport à ce que je connaissais. Et j’avoue que ce fut assez magique : j’ai pu mettre en ligne le blog vraiment rapidement :

  • configuration du repository Git (Gitlab dans mon cas) pour indiquer ou trouver les sources du site
  • quelques toutes petites options pour le “build”
  • configuration et validation de la propriété du nom de domaine (via DNS)

Je pense même ré-étudier l’hebergement de la partie Frontend de mon projet !

Les autres outils “Marketing” / “Analytics” / …

J’ai ajouté une petite popup de cookie (CMP) pour essayer d’être le plus GDPR/legal compliant possible. J’ai pris le premier service qui m’est tombé sous la main : CookieHub.

J’ai mis en place le gestionnaire de tag/balise Google Tag manager pour avoir la souplesse de gérer la mise en place d’outils ”Analytics” (comme Google Analytics par exemple) ou ”Marketing” facilement sans devoir modifier le code du site et devoir re-déployer.

J’ai créé une stack sur le site Stackshare.io pour synthétiser tout ça.


Tags

blog
Previous Article
Pourquoi ce blog ?

Sébastien Porati

Développeur / Entrepreneur

Topics

SEO
Blog

Related Posts

Pourquoi ce blog ?
September 20, 2021
© 2021, Tous droits réservés.

A propos

Mentions légales

Social Media