adonisjs typescript nodejs tailwindcss unpoly alpine.js

/Nouvelle Version du Starter Kit pour AdonisJS 6 : Une Évolution Technologique

December 14, 2024

Le développement web continue d'évoluer à une vitesse incroyable, et pour rester compétitif, il est primordial de se tenir informé des dernières avancées. En 2024, je vous présente la nouvelle version de mon Starter Kit AdonisJS, conçu pour tirer parti des dernières technologies afin de rendre le développement d'applications web encore plus rapide et plus efficace.

Nouveautés de cette version

1. Auditable

L'une des fonctionnalités clés de cette nouvelle version est l'intégration d'un système Auditable. Cette fonctionnalité permet de suivre les changements effectués sur des modèles spécifiques et de garder une trace des actions des utilisateurs. Cela offre une transparence et une sécurité accrues, particulièrement utile pour les applications nécessitant une gestion stricte des logs et des historiques de modifications.

2. DaysiUI : Une Interface Moderne et Accessibilité Améliorée

L'une des premières choses que l'on remarque dans la nouvelle version est l'intégration de DaysiUI, un système d'interface utilisateur conçu pour offrir une expérience moderne et accessible. Ce système se distingue par sa capacité à répondre aux besoins des utilisateurs tout en garantissant une compatibilité parfaite avec les appareils mobiles et les écrans de différentes tailles. DaysiUI simplifie la création d'interfaces réactives et épurées.

3. TailwindCSS : Toujours Plus Puissant

En conservant TailwindCSS, j'ai pu continuer à bénéficier de sa flexibilité pour la conception d’interfaces utilisateur. Ce framework permet de créer des designs élégants, modulaires et facilement personnalisables. Avec sa philosophie utility-first, il permet de gagner du temps tout en maintenant un code CSS propre et minimaliste.

4. Alpine.js : Pour des Interactions Légères et Réactives

La nouveauté majeure dans cette version est l'intégration d'Alpine.js, une bibliothèque JavaScript légère permettant d'ajouter des comportements réactifs à l’interface sans dépendre de lourds frameworks. Alpine.js permet de créer des interactions dynamiques, telles que des modals, des menus déroulants et des animations, tout en maintenant des performances optimales.

5. Unpoly : Pour des Interactions Plus Fluides

L'ajout de Unpoly dans ce starter kit améliore considérablement l’expérience utilisateur en permettant des transitions fluides entre les pages. Grâce à cette bibliothèque, il est possible de mettre à jour une partie de la page sans la recharger complètement, ce qui réduit les temps de chargement et donne une impression de fluidité comparable à une application native.

6. Vite : Le Build Ultra-Rapide

Pour optimiser les performances du développement et du déploiement, cette nouvelle version utilise Vite comme outil de construction. Vite offre une vitesse de démarrage quasi instantanée et un rafraîchissement à chaud ultra-rapide, ce qui améliore considérablement l'expérience de développement.

Fonctionnalités de l'application

Structure de base

Cette version du starter kit propose une base solide pour le développement d'applications web modernes avec les éléments suivants :

  • Une authentification complète et sécurisée.
  • Des opérations CRUD (Create, Read, Update, Delete) pour la gestion des utilisateurs.
  • La gestion des e-mails pour les notifications et la récupération de mot de passe.
  • La prise en charge de l'internationalisation (i18n).
  • Des composants de formulaire réutilisables et optimisés.
  • Une fonctionnalité d'impersonalisation pour une meilleure gestion des utilisateurs.

Exploitation de Edge

Grâce à Edge, le moteur de rendu d'AdonisJS, la création d'interfaces utilisateur élégantes et dynamiques est plus simple que jamais. Edge permet de générer des vues claires et maintenables, offrant une expérience utilisateur fluide et interactive.

Conclusion

Cette nouvelle version du Starter Kit AdonisJS est le fruit d'une évolution continue, intégrant des outils modernes et puissants pour le développement d'applications web. L'intégration de fonctionnalités telles que Auditable, DaysiUI, TailwindCSS, Alpine.js, Unpoly et Vite permet de développer plus rapidement et plus efficacement des applications robustes et performantes.

Je suis convaincu que ce starter kit sera un excellent point de départ pour tous les développeurs cherchant à utiliser AdonisJS avec les dernières technologies front-end. Vous pouvez le retrouver en open-source sur GitHub.

GitHub : https://github.com/batosai/adonis-starter-kit


Partage

©2024 Jeremy Chaufourier.