
De MUI à shadcn/ui : reconstruire notre design system
Leçons d'une migration depuis une lib CSS-in-JS lourde vers une bibliothèque de composants que l'on possède.
App Router, React Server Components, et un backend Firebase — la décision derrière la stack du site J7Soft.
Par Kamga Simo Junior
Nous avons évalué Astro, Next.js 15, SvelteKit et Remix pour le site J7Soft. Astro l'emporte sur la performance brute pour les sites principalement statiques ; Next.js 15 l'emporte sur la maturité de l'écosystème et la disponibilité d'un runtime serveur quand on en a besoin. Nous avons choisi Next.js 15.
Astro est excellent. La raison du choix est opérationnelle : notre plateforme de déploiement est Firebase, et notre équipe a une forte expertise Next.js + Firebase. Réduire le périmètre d'inconnu comptait plus que gratter quelques Ko sur le bundle.
App Router rend chaque composant Server par défaut — les parties statiques d'une page marketing partent avec 0 Ko de JS. Les îlots interactifs (formulaire de contact, palette de commandes, héros animés) s'activent en client. Le résultat est proche de l'architecture en îlots d'Astro, sans quitter l'écosystème React.
Firestore pour le contenu, Cloud Functions pour les formulaires, Firebase Hosting pour l'appli, le tout sous un même projet. Une facture, une console, un CLI. La simplicité est l'objet.

Leçons d'une migration depuis une lib CSS-in-JS lourde vers une bibliothèque de composants que l'on possède.

Comment next-intl et un schéma Firestore localisé nous permettent de livrer chaque page dans les deux langues.
Parcourez nos dernières notes d'ingénierie, de produit et de société.