Bun comme instance pour Next.js
Découvre comment j'ai fait passer le chargement du blog à 394ms seulement! Bun, le runtime qui propulse ton projet Nextjs.
Vous trouvez le site fluide ?
Sans me vanter, moi aussi!
Et ce n'est pas compliqué à faire, mais juste un simple remplacement de l'exécutable Node par Bun m'a permis de faire de la magie en terme de fluidité.
C'est quoi Bun?
Bun.js, c’est un peu le fils de Node.js mais avec un turbo-compresseur.
En gros, c’est un runtime JavaScript qui veut tout faire, mais hyper vénère : il remplace Node, npm, et même Webpack ou esbuild... Et tout ça dans un seul binaire!
Allez voir sur le site de Bun .
Qu'est-ce qu'il y a dans Bun?
- un runtime ultra rapide (merci Zig),
- un bundler intégré,
- un test runner,
- un package manager qui atomise Yarn et npm en terme de perf.
Le résultat c'est Sky-Rocket
394ms de DOMContentLoaded! Je pense que ça met beaucoup de gens d'accord.
Et vous ?
Vous attendez quoi pour passer à Bun ?
FAQ
Bun remplace vraiment Node.js sans rien casser dans un projet Next.js ?
Oui, Bun est conçu pour être compatible avec l'écosystème Node.js, donc le remplacement est généralement transparent pour un projet Next.js standard. Il suffit d'utiliser Bun comme runtime à la place de Node pour lancer l'application.
Est-ce que Bun remplace aussi npm ou yarn pour installer les dépendances ?
Oui, Bun intègre son propre gestionnaire de paquets qui est nettement plus rapide que npm ou Yarn. Tu peux l'utiliser pour installer tes dépendances avec la commande bun install sans rien changer à ton package.json.
Le gain de performance concerne uniquement le temps de chargement côté navigateur ?
Le gain visible ici est mesuré sur le DOMContentLoaded à 394ms, ce qui reflète la rapidité du serveur à traiter et servir les pages. Bun améliore aussi les temps de build et d'installation des dépendances en développement.
Faut-il des compétences avancées pour migrer de Node à Bun sur un projet existant ?
Non, la migration se résume principalement à installer Bun et à remplacer la commande de démarrage dans tes scripts. Pour la majorité des projets Next.js courants, aucune modification du code source n'est nécessaire.
Alexandre P.
Développeur passionné depuis plus de 20 ans, j'ai une appétence particulière pour les défis techniques et changer de technologie ne me fait pas froid aux yeux.
Poursuivre la lecture
