Le journal du Floyd
Passer de ReactJS à NextJS
J´ avais constaté un peu tard que le CRA (create-react-app) était désormais déprécié. Le site n´ est pas nouveau, j´ aurais très bien pu laisser comme c´ était. Je suis curieux par nature et puis le site a été refait de multiples fois, j´ y ai passé parfois plusieurs nuits et week-ends pour des résultats très moyens. Le design n´est pas non plus celui qui va vraiment faire sensation, mais c´ est responsive. Ordoncques, j´ ai recherché les alternatives encore supportées. Il y a Vite. Et sinon une migration vers NextJS. Sur mon PC, j´ ai basculé une copie sur Vite, une autre copie sur NextJS. sur Vite, quelques minutes et on en parle plus, pour la version NextJS, il a fallu repenser un peu, enfin structurer davantage le fouillis sous ReactJS. NextJS et ReactJS étant cousins si je puis dire, je n´ai pas fourni non plus des efforts ahurissants (bref du copier/coller principalement). Sous ReactJS, les urls étaient un peu fake, pas de routeur intuitif, et puis les fichiers CSS se trouvaient dans le même dossier que le composant. Les fichiers CSS sont maintenant stockés sous un dossier dédié, chaque page HTML a un dossier, on y met le fichier page.tsx automatiquement reconnu par next, excepté le blog qui suit la logique dynamique sous un dossier entre les fameux crochets "[]" (les [slug] ou autre nom que l´on veux bien leur donner). J´ utilise des fichiers Markdown stockés à part que je parse pour générer les articles dynamiquement. Bref, malgré un peu de reconditionnement, la structure des dossiers et fichiers tsx est bien pratique et tout de suite beaucoup plus lisible et visible. Le site est statique, le côté SSR (Server Side Rendering) n´ a donc pas d´importance. J´ ai beaucoup apprécié la possibilité de pouvoir choisir entre Docker, Vercel ou simplement le output. Le SEO (Search Engine Optimization) devrait être également meilleur avec NextJS, la prise en charge aisée, automatique des metadatas, des Opengraphs, un vrai bonheur. Quelques vidéos de quelques minutes sur YouTube et hop, la mise en place est un jeu d´ enfant. L´optimisation des images avec next/image, je ne l´ ai pas encore utilisée mais j´y songe sérieusement puisque j´ai une galerie. La communauté NextJS est assez grande, il existe quelques librairies déjà écrites assez sympas pour un blog, je pense bien sûr à next-share pour les réseaux sociaux. Bref, bien plus complet que React où il fallait travailler un peu plus. Les développeurs sont connus pour être paresseux.