Acti Studio

Blog tech, code, art & passions

Mise à jour du Blog v0.2 🔧

La mise à jour de l'été 🍹

Voilà bien longtemps que je n’avais pas utilisé mon blog à cause de nombreux problèmes non abordés précédemment. J'ai donc retravaillé dessus cet été pour corriger ces derniers. Je nommé cette mise à jour v0.2 parce que c'est cool de mettre des noms de version.

Le changement, c’est maintenant ! 🤵

Avant, j’étais sous OVH qui me convenait depuis plusieurs annĂ©es mais ça, c’était jusqu’à ce que je dĂ©couvre Netlify. En une après midi, j'ai pu dĂ©ployer mon site depuis mon dĂ©pĂ´t Github, faire les redirections, activer et gĂ©nĂ©rer le certificat SSH (qui permet d'avoir une connexion sĂ©curisĂ©e en https) et faire les redirections de DNS pour conserver mon nom de domaine.

L'enfer du prerendering pour un SEO correct 🔥

J'avais fait le choix de faire un prerendering manuel lors de la conception de mon blog pour améliorer le SEO de Vue.js. Le principal problème étant l'aspect manuel ; je devais regénérer mon prerendering à chaque nouvel article ou modification d'article. L'horreur pour un feignant adepte de l'automatisation. De plus, la qualité du prerendering laissait à désirer. Je devais le génerer sur Firefox car Chrome ne prenait pas toutes les balises, et j'avais toujours des configurations à changer.

Tout ça c'Ă©tait jusqu'Ă  ce que je dĂ©couvre le petit bouton "Prerendering" (encore en bĂ©ta) de Netlify. ZĂ©ro configuration. Et ça marche parfaitement. Adieu autres services (en espèrent que celui de Netlify ne passe pas payant).

Empaqueter sans s'emmerder 📦

J'en ai profitĂ© pour passer de Webpack Ă  Parcel. Parceque zĂ©ro configuration (encore une fois). J'Ă©xagère, j'ai dĂ» faire quelques changements de structure pour Ă©viter des bugs connus de Parcel avec Vue.js et le SCSS. Parcel Ă  beau ĂŞtre encore en dĂ©veloppement, je ne peux plus retourner sur Webpack ou Gulp. C'est propre, rapide et il y a très peu Ă  faire. Après c'est suffisant dans mon cas mais probablement pas pour tous types de projets.

Toujours plus léger, toujours plus rapide ⚡

J'ai retirĂ© des librairies inutiles du fichier Javascript final faisant passer celui-ci de 340ko Ă  290ko pour 97ko servi en gzip. Le site rĂ©pond maintenant complètement aux critères des PWA. Si vous allez sur Chrome mobile, vous aurez la popup pour ajouter le site Ă  votre smartphone. Pour finir, j'ai changĂ© la librairie de la Lightbox pour avoir une solution tout en un, rapide et lĂ©gère. La grande nouveautĂ© Ă©tant la possibilitĂ© de zoomer dans les images.

Avec ces modifications, je peux plus facilement publier des articles. Il y a moins de barrières à l'écriture et c'est d'autant plus agréable.

J'ai donc prévu une bonne liste d'articles à écrire que je commencerai à publier d'ici la rentrée pour essayer de reprendre un rythme.

Sur ce, bon été à tous ! ✨

Une photo capturĂ© pour un prochain article đźŚ