Le développement web n'a jamais été aussi Svelte
Pourquoi nous avons commencé à utiliser un langage frontend « de niche » en production.
React domine le paysage du développement web depuis près de 10 ans. Chez We Do Dev Work, nous avons réalisé de nombreux projets en React ainsi qu'en NextJS, qui a intégré le rendu côté serveur avant React lui-même. React est excellent pour les applications monopages (SPA) !
Mais le monde du développement web ne se limite pas aux SPA.
L'importance du rendu côté serveur (SSR)
Les lacunes de React étaient bien connues de la communauté. Les développeurs avaient besoin d'un moyen de créer des sites web optimisés pour le SEO sans l'énorme surcharge de JavaScript.
Vercel est arrivé avec une solution : NextJS était né. Au lieu de rendre chaque élément côté client, NextJS exécute une partie de votre code JSX sur un serveur et y génère les éléments. Combiné à la mise en cache, cela permet des temps de chargement plus rapides, une consommation de ressources réduite côté client et de meilleurs scores SEO.
Là où NextJS fait fausse route
Pour Vercel, cependant, construire un framework n'est pas un modèle économique idéal ; cela demande beaucoup d'ingénieurs talentueux et n'est généralement pas monétisable face aux nombreuses options open source. Vercel n'est pas dans le métier de créer des frameworks, c'est avant tout un fournisseur de cloud serverless. Et c'est là que le bât blesse avec NextJS…
Parce que Vercel veut vous vendre ses serveurs et vous facture chaque requête, ils ont commencé à recommander des pratiques discutables dans leur framework. Selon leur documentation officielle, tout doit désormais se faire côté serveur. Les opérations côté serveur sont abstraites, et les paramètres par défaut consomment généralement plus de ressources (pensez à NextJS Image, par exemple). Cela rend l'optimisation des coûts d'une application NextJS incroyablement difficile, et s'accompagne souvent de temps de chargement plus longs par rapport aux techniques de rendu statique.
Pour faire court : NextJS est devenu un framework enshittifié\*, rouvrant le marché pour un véritable framework respectueux du SEO.
Et c'est là que Svelte entre en scène
Svelte est essentiellement un framework qui compile une application directement en code HTML et JavaScript. Il ne repose pas sur une bibliothèque volumineuse (comme un DOM virtuel) devant être importée dans l'application client. Il propose également le rendu côté serveur, les composants, le routage basé sur la structure des dossiers et d'autres fonctionnalités familières de React et NextJS.
Le choix d'utiliser Svelte dépend du projet ! L'approche de Svelte offre une base de code plus légère et un bundle réduit, ce qui le rend parfait pour les projets privilégiant la performance et la maintenabilité du code. Mais pour des besoins métier complexes, une gestion d'état centralisée et des intégrations tierces variées, React reste préférable.
Pour notre premier projet avec Svelte, notre propre site web (www.wedodevwork.com), nous avons priorisé la performance. Nous avons opté pour une approche de site statique utilisant l'adaptateur statique de Svelte, déployable à moindre coût sur un réseau de distribution cloud. Nous avons remarqué que la transition vers Svelte était facile car nos développeurs maîtrisaient déjà TailwindCSS et que Svelte utilise la syntaxe HTML au sein du code.
Ce qui rend Svelte excellent pour le SEO, c'est sa simplicité de chargement des données. Le chargement se fait soit sur le serveur, soit sur le serveur et le client simultanément. Il est possible de charger des données à chaque requête (via des hooks), mais généralement, cela se fait une seule fois et les données peuvent être invalidées soit par le changement d'une dépendance, soit par l'appel de la fonction « invalidate ». Vous pouvez également streamer des réponses avec une promesse, vous permettant d'afficher des éléments comme des barres de chargement en attendant la réponse des données.
Notre avenir avec Svelte
La communauté Svelte est relativement petite comparée à celle de React, ce qui limite le choix d'outils et de bibliothèques tierces. Et bien que Svelte soit en pleine croissance, le volume réduit de bases de code open source rend l'expérience de « vibe-coding » moins fluide. Cela ne nous dérange pas de plonger dans la documentation pour combler les lacunes, mais cela signifie que nous devons investir davantage dans la courbe d'apprentissage liée à l'adoption de Svelte. Il est également plus facile de recruter de nouveaux développeurs React pour maintenir une base de code existante volumineuse.
C'est pourquoi nous resterons prudents avant de basculer tous nos projets vers Svelte. Mais pour des projets de petite à moyenne taille où la performance est critique, c'est un excellent candidat. Si vous n'avez qu'un marteau, tout ressemble à un clou. Heureusement, nous maîtrisons désormais Svelte et React, et nous connaissons les forces et faiblesses de chaque framework pour prendre la bonne décision !
Si vous souhaitez construire un projet avec Svelte (ou React), contactez-nous. We Do Dev Work peut vous aider à bâtir et optimiser vos applications web.
Related articles
Comment les développeurs de logiciels ont tué l'industrie musicale
Le logiciel n'a pas tué l'industrie musicale. Il l'a réécrite. Et comme toute réécriture, elle a créé des gagnants, des perdants et un tout nouvel ensemble de règles.
Pourquoi nous ne devrions pas abandonner l'Europe
Cela peut paraître étrange venant de quelqu'un qui a quitté l'Europe pour l'Asie. Quand je dis que je vais défendre l'Europe, on hausse souvent un sourcil. Je vis à Bangkok, je dirige une agence de logiciels en Thaïlande et je suis entouré de marchés qui tournent à plein régime. Sur le papier, je devrais être la dernière personne à promouvoir l'Europe comme un lieu d'opportunités. Et pourtant, plus je travaille avec des entreprises européennes, plus je suis convaincu que l'Europe est incomprise plutôt qu'en retard.
Au-delà de Vercel et Netlify : trouver des alternatives d'hébergement frontend plus intelligentes
Il n'y a pas si longtemps, déployer un site web était une affaire complexe. Vous louiez un VPS, installiez Nginx, configuriez des certificats SSL, vous vous souciiez des ports et des permissions, tout en espérant ne pas faire planter le serveur lors du déploiement d'une nouvelle version. Puis Netlify et Vercel sont arrivés. Soudain, il suffisait de connecter son dépôt GitHub, de pousser son code, et le site était en ligne. Pour les développeurs frontend, c'était magique.
Prêt à faire passer votre entreprise au niveau supérieur.
Associez-vous à une équipe professionnelle qui transforme les idées en expériences métier puissantes et évolue avec votre croissance.
