Table of contents

Intro

J’ai créé ce site principalement pour améliorer mes compétences en développement web. Je voulais approfondir mes connaissances en développement web moderne utilisant des frameworks, et après avoir recherché diverses options, j’ai décidé d’utiliser le framework Astro. L’une des raisons pour lesquelles j’ai choisi Astro est qu’il est construit avec JavaScript et TypeScript, et je voulais aussi profiter de ce projet pour en apprendre davantage sur TypeScript. Au final, mon objectif est de construire un site de qualité et d’apprendre TypeScript en cours de route.

Astro.build

https://astro.build/ Le framework Astro est un framework de développement web relativement nouveau conçu pour créer des sites web performants qui se chargent rapidement. L’une des principales caractéristiques d’Astro est l’utilisation du rendu côté serveur (SSR), qui permet au framework de pré-rendre la majeure partie du contenu du site sur le serveur avant de l’envoyer au client. Cela signifie que le site web peut se charger beaucoup plus rapidement car le client n’a pas à attendre que le serveur génère le contenu avant de l’afficher.

J’ai apprécié travailler avec le framework Astro jusqu’à présent, car il a été très facile à utiliser, même pour un débutant comme moi. Il y a quelques années, j’ai eu la même idée de créer un site web et j’ai essayé d’utiliser le framework Hugo. Cependant, Hugo est basé sur Go, ce qui rendait le travail beaucoup plus difficile, surtout que je n’avais aucune expérience avec Go à l’époque. Comme je suis intéressé par l’apprentissage de JavaScript, j’ai constaté qu’Astro était une bien meilleure option pour moi. Cela a été une excellente façon d’apprendre le langage tout en construisant mon site web.

Et maintenant ?

J’ai réussi à faire fonctionner les fonctionnalités de base de mon site web. Au départ, j’ai utilisé le modèle de site web astro-paper, qui a été très utile. Cependant, après environ une semaine de travail sur le site, le framework Astro a publié la version 2.0, qui incluait de nouvelles fonctionnalités intéressantes que je voulais intégrer. J’ai apporté quelques modifications au modèle pour inclure les nouvelles fonctionnalités, mais je ne comprenais pas entièrement comment tout fonctionnait. En conséquence, j’ai délibérément cassé la plupart des choses et j’ai commencé à reconstruire la section blog à partir de zéro. Bien que le blog soit fonctionnel maintenant, il y a encore quelques fonctionnalités cassées que je dois réparer. Malgré ces défis, je constate que j’apprends beaucoup grâce à ce processus, ce qui est génial.

Liste de choses à faire

Il reste encore quelques choses que je dois faire pour améliorer le site avant d’en être pleinement satisfait. J’espère pouvoir accomplir ces tâches rapidement, afin de pouvoir passer à d’autres projets au-delà de la simple construction d’un site web basique.

• Réparer la page d’accueil du site.
• Ajouter du contenu à la page À propos de moi.
• Réparer la fonctionnalité de recherche pour les articles de blog.
• Supprimer toutes les mentions de “Tags”.
• Ajouter une fonction de “nuage de catégories”.
• Créer une page de catégories appropriée.
• Ajouter la prise en charge de plusieurs langues.
• Améliorer le style CSS.
• Améliorer le contenu global du site web.