Vercel’s mission is to offer the pace and reliability innovators must create in the meanwhile of inspiration. Final 12 months, we targeted on rushing up the best way Subsequent.js bundles your apps.
Every time we moved from a JavaScript-based software to a Rust-based one, we noticed huge enhancements. We migrated away from Babel, which resulted in 17x sooner transpilation. We changed Terser, which resulted in 6x sooner minification to cut back load occasions and bandwidth utilization.
There was one hurdle left: Webpack. Webpack has been downloaded over 3 billion occasions. It’s change into an integral a part of constructing the Internet, however it is time to go sooner and scale with out limits.
Right this moment, we’re launching Turbopack: our successor to Webpack.
Led by the creator of Webpack, Tobias Koppers, Turbopack would be the Internet’s next-generation bundler. We’re constructing it with high-performance bare-metal tooling—open supply in the present day, for all frameworks sooner or later.
Check out the alpha of Turbopack in Subsequent.js 13 in the present day with subsequent dev --turbo.
Turbopack is constructed on a brand new incremental structure for the quickest attainable improvement expertise. On giant purposes, it reveals updates 10x sooner than Vite and 700x sooner than Webpack. On even bigger purposes, the distinction is bigger—typically 20x sooner than Vite.
Turbopack solely bundles the minimal property required in improvement, so startup time is extraordinarily quick. On an utility with 3,000 modules, Turbopack takes 1.8 seconds besides up, whereas Vite takes 11.4 seconds.
To study extra, learn the docs on how Turbopack bundles and think about the benchmarks.
Turbopack’s structure takes the teachings realized from instruments like Turborepo and Google’s Bazel, each of which deal with utilizing caches to by no means do the identical work twice.
Turbopack is constructed on Turbo: an open-source, incremental memoization framework for Rust. Turbo can cache the results of any perform in this system. When this system is run once more, features will not re-run until their inputs have modified. This granular structure permits your program to skip giant quantities of labor, on the degree of the perform.
An incremental reactive system with the pace of Rust? Turbopack is unstoppable.
To study extra, take a look at our explainer on Turbo.
To begin, Turbopack will likely be used for the Subsequent.js 13 improvement server. It would energy lightning-fast HMR, and it’ll assist React Server Parts natively, in addition to TypeScript, JSX, CSS, and extra.
Turbopack will ultimately additionally energy Subsequent.js manufacturing builds, each regionally and within the cloud. We’ll be capable of share Turbo’s cache throughout your whole group, utilizing Vercel Distant Caching.
Webpack customers may count on an incremental migration path into the Rust-based future with Turbopack.
We couldn’t be extra enthusiastic about the way forward for the Turbo ecosystem, as we push that will help you iterate sooner and create in the meanwhile of inspiration.
Discover the Turbopack alpha in Subsequent.js 13 in the present day.
