Pourquoi lancer un blog ?
2018, c'est une bonne année pour lancer un blog non ? C'est moderne et innovant, du jamais-vu !
Ce blog est un recensement de mon travail. Il a une double utilité ; garder une trace de ce que je fais et vous permettre de suivre l'avancée de mes projets. Vous y trouverez les différentes parties : de la création d'un projet ou simplement le résultat accompagné d'une petite description. C'est un simple "log" de projets.
Les catégories et le contenu
Ce blog a beaucoup de thèmes différents dus à mes nombreuses passions et centres d'intérêt. Vous aurez l'occasion de lire des articles sur la photographie, l'électronique, le développement web en passant par des tentatives d'écritures comme des nouvelles. Voici une petite liste non-exhaustive de ce que vous pourrez trouver sur ce blog :
- Photographies & articles sur la photographie
- Écritures diverses (nouvelles, histoires)
- Vidéos (court-métrages, montages divers)
- Articles sur le développement front-end & WebGL
- Projets d'électronique avec suivi de conception (Arduino)
- Développement de jeux vidéo
Le choix de conception
J'ai choisi de concevoir un blog classique pour que tout le monde s'y retrouve aisément. Je souhaite qu'il reste facilement abordable par quiconque le visite. Il y a donc, sur la page principale, une simple liste de tous les articles : du plus récent au plus ancien. Ils possèdent tous des mots-clés ou des tags qui reflètent leurs catégories respectives. Vous pouvez choisir de filtrer les articles par catégorie pour voir que ce qui vous plaît. Le blog va évoluer et des fonctionnalités vont s'ajouter au fur et à mesure qu'il se remplira.
Choix sur la partie technique
Si vous n'êtes pas développeur, il y a peu de chance pour que la suite de l'article vous intéresse !
Pour concevoir ce blog, j'ai refusé d'utiliser la méthode classique d'un bon Wordpress mais plutôt de tenter une création 'from scratch' pour avoir le contrôle sur l'ensemble. La grande décision a été de faire un blog rendu par l'ordinateur du client et non par le serveur. Je resterai succinct sur ces explications pour ne pas mettre de code dans cet article de présentation. Si vous voulez un article qui entre plus en profondeur dans la conception technique, faites m'en part !
Le front-end
J'avais envie que le front soit flexible et ultra performant. J'ai choisi Vue.js car il avait déjà fait ses preuves dans d'autres projets. À la fois léger et très simple à prendre en main, il est le candidat de choix pour construire une interface web moderne.
Le back-end
Le front étant une partie assez ambitieuse pour une personne, j'ai recherché pendant un long moment un CMS (en REST API) qui me ferait gagner du temps. Après en avoir testé quelques-uns, Prismic.io est sorti du lot. Il est encore en développement, mais est globalement plus abouti que ses concurrents. Il possède toutes les fonctionnalités dont j'ai besoin. Son intégration a été très facile et il fait un bon binôme avec vue.js.
Performances
Partir sur un rendu client plutôt que serveur n'est pas venu sans problèmes. Les deux qui ont été majeurs sont : la performance & le SEO. La performance de tout rendre sur un client est relative à la taille du fichier javascript. Heureusement vue.js est assez léger et je m'en sors avec 95ko de javascript gzippé. Le parsing et l'exécution sont effectués en moins d'une seconde sur la majorité des devices testés.
SEO
Il serait temps que les moteurs de recherche indexent les sites 'one page'. Je savais en amont que ça ne serait pas facile d'avoir un bon SEO avec un framework comme vue.js et il faut dire que j'ai hésité plusieurs fois à changer mon approche pour une solution plus standard. J'ai choisi la technique du prerendering pour référencer mes pages. C'est un vrai casse-tête, peu stable, qui demande une action manuelle à chaque nouvel article ou modification d'un existant. Au final, ça marche mais c'est assez contraignant et pas très propre.
Dans tous les cas si vous avez des idées pour améliorer ce blog, elles sont les bienvenues dans les commentaires ! Merci d'avoir lu jusque là.