Posts avec l'étiquette amplify:

Nouvelle refonte !

Ce n’est pas une surprise, je n’ai rien écrit depuis février, soit depuis que j’ai pensé me remettre à écrire. En fait, mon blog ne me donnait pas envie moi-même de le regarder ou d’y consacrer du temps. Ce qui m’a mené à une nouvelle refonte qui comporte les avantages suivants: Un thème sympa à regarder Le nuage de tags est de retour sur le côté droit du site Je garde les trucs sympas genre flux RSS, liens, colo syntaxique, Google Analytics, Emoji, etc Je retire la grosse photo dégueulasse et finalement inutile Un nouveau petit bouton “remontez en haut de page” Un aperçu de chaque article Un système de tags fonctionnel de nouveau : vous cliquez sur le tag d’un article et vous retombez sur une page présentant tous les articles marqués avec ce tag Meilleure nouveauté et avantage de ce thème : vous pouvez choisir entre un affichage clair ou sombre avec un petit bouton en bas à droite.

Nouveau coup de peinture

Jamais deux sans trois, comme dit le proverbe. Après avoir fait une totale refonte du blog et plus tard, refondu le thème de cette première version pour en sortir une deuxième avec quelques fonctionnalités en plus, voici venir une nouvelle itération du blog. Au programme, peu de nouveautés fonctionnelles, en fait aucune. C’est purement une refonte visuelle car l’ancien thème me piquait les yeux. Cette mouture, comme vous le constatez, se veut tout en simplicité et garde les fonctionnalités de l’ancienne comme : support d’un flux RSS pour suivre la parution des articles interprétation de la coloration syntaxique de code dans les articles interprétation des emojis markdown 👍 🎉 🚀 support de Google Analytics Seul point noir : le nuage de tags est toujours présent mais non visible depuis la page principale.

Le blog fait peau neuve!

J’en parlais de temps en temps sur Twitter, je tentais de nouveaux thèmes sur ma préprod ici et là, les modifiais… Puis j’ai décidé de m’y mettre un bon coup. Mesdames et messieurs, vous avez sous les yeux la version 2.5 du blog ! 🎉 Pourquoi 2.5 ? Parce que la première itération était la version Wordpress, la deuxième itération était la version Hugo précédente, et je ne trouve pas le changement assez énorme pour justifier une 3.0. En parlant de changements, voici la liste des nouveautés: un nouveau thème (sans déc') basé sur monopriv, retouché ici et là en interne pour y ajouter/retirer ce que je veux support d’un flux RSS pour suivre la parution des articles interprétation de la coloration syntaxique de code dans les articles #!

Amplify : customiser les builds

J’avais déjà parlé d'Amplify, qui est la technologie AWS qui fait tourner ce blog, entre autre. En fait, le blog est un site statique généré par Hugo. Amplify est le liant entre le web et le repository CodeCommit où le code Hugo est stocké, en plus d’être le composant servant et exposant le tout sur le net. Rapidement et comme exposé sur la page dédiée, quand je commit un nouvel article ou une modification dans mon repository CodeCommit, cela déclenche un “build” Amplify, une génération exactement, elle-même configurée via un fichier YAML ressemblant à ceci: version: 0.1 frontend: phases: build: commands: - hugo artifacts: baseDirectory: public files: - '**/*' cache: paths: [] Concrètement, il se passe quoi?

Bam!

Et voilà, le nouveau blog basé Hugo est en ligne :-) Je n’ai pas grand chose à écrire dans ce premier (pas tant premier que ça vu que j’ai pu importer mes anciens articles WordPress) article, mais vous trouverez une description de l’infrastructure via le lien dans l’intro. Tout n’est pas encore optimal et il reste un peu de colle à mettre sur certains murs, comme on dit, donc n’hésitez pas à me joindre sur les réseaux sociaux pour me donner votre avis ou vos retours.

Infra

Voici comment fonctionne l’architecture derrière ce site. Le blog est construit sur la base du CMS Hugo. Le thème de base est monopriv, modifié ensuite à ma sauce pour convenir à mes besoins. C’est donc du fichier à plat, du Markdown généré plus tard en HTML. Ce code est hébergé dans un repository CodeCommit. Il n’y a pas de serveurs derrière, juste une app AWS Amplify connectée au repository en question. Lorsque je commit, rien ne se déclenche. Mais, si je push mon code, alors Amplify déclenche un build, qui lui ait expliqué via un fichier de configuration YAML. Il expose ensuite le répertoire voulu sur le Web, dans le cas d’un Hugo c’est le répertoire “public/”.