/Side-project 2023 : on refait mon site
25 février 2024
Avec la sortie de AdonisJS 6 et edge 6, une migration est prévue.
Dans le monde en constante évolution du développement web, il est essentiel pour les entreprises et les particuliers de maintenir leurs sites web à jour pour répondre aux exigences actuelles et offrir une expérience utilisateur optimale. Récemment, j'ai entrepris une nouvelle refonte de mon site, en utilisant des technologies modernes telles qu'AdonisJS, DaisyUI, et une gamme d'autres outils pour améliorer les performances, la convivialité et la gestion du contenu.
AdonisJS et DaisyUI :
AdonisJS est un framework Node.js qui facilite le développement d'applications web robustes et évolutives. En optant pour AdonisJS, j'ai pu bénéficier d'une architecture MVC structurée, d'un système de gestion de base de données intégré, ainsi que de nombreuses fonctionnalités prêtes à l'emploi pour accélérer le processus de développement. De plus, j'ai choisi d'intégrer DaisyUI, une bibliothèque de composants CSS pour Tailwind CSS, afin de simplifier la conception et d'améliorer l'aspect visuel de mon site.
Création d'un espace admin :
Pour faciliter la gestion du contenu et des utilisateurs de mon site, j'ai développé un espace d'administration personnalisé à l'aide d'AdonisJS. Cet espace admin me permet de gérer facilement les articles, les utilisateurs et d'autres aspects essentiels du site, offrant ainsi une solution centralisée et conviviale pour la gestion des données.
Développement de packages personnalisés :
Dans le cadre de cette refonte, j'ai également créé deux packages personnalisés : attachment-advanced et edge-components. Le package attachment-advanced offre des fonctionnalités avancées de gestion des fichiers et des médias, tandis que le package edge-components propose une collection de composants réutilisables pour simplifier le développement frontend.
Utilisation d'outils frontend modernes :
Pour améliorer l'interactivité et l'expérience utilisateur de mon site, j'ai intégré plusieurs outils frontend modernes. Unpoly et AlpineJS ont été utilisés pour créer des interfaces utilisateur dynamiques et réactives, tandis que EditorJS a été employé pour permettre une édition de contenu intuitive et flexible.
Tests E2E et qualité du code :
Afin d'assurer la fiabilité et la qualité de mon site, j'ai mis en place des tests end-to-end (E2E) à l'aide de Playwright et Japa. Ces tests automatisés me permettent de détecter et de corriger rapidement les erreurs, tout en garantissant une expérience utilisateur sans faille sur différentes plateformes et navigateurs.
La nouvelle refonte de mon site avec AdonisJS, DaisyUI et une gamme d'autres technologies modernes représente un pas en avant significatif pour offrir une expérience utilisateur exceptionnelle et pour simplifier la gestion du contenu. Grâce à l'utilisation de ces outils et frameworks avancés, mon site est désormais plus performant, plus convivial et mieux équipé pour répondre aux besoins de mes utilisateurs.