Skip to content
← Back to Blog

Tuesday, October 25th 2022

Company News

Tuesday, October 25th 2022

Introducing Turbopack: Rust-based successor to Webpack

Posted by

Avatar for sokra

Tobias Koppers

@wSokra

Avatar for jared

Jared Palmer

@jaredpalmer

Vercel's mission is to provide the speed and reliability innovators need to create at the moment of inspiration. Last year, we focused on speeding up the way Next.js bundles your apps.

Each time we moved from a JavaScript-based tool to a Rust-based one, we saw enormous improvements. We migrated away from Babel, which resulted in 17x faster transpilation. We replaced Terser, which resulted in 6x faster minification to reduce load times and bandwidth usage.

There was one hurdle left: Webpack. Webpack has been downloaded over 3 billion times. It’s become an integral part of building the Web, but it's time to go faster and scale without limits.

Today, we’re launching Turbopack: our successor to Webpack.

Introducing Turbopack, the Rust-based successor to Webpack.
Introducing Turbopack, the Rust-based successor to Webpack.
Introducing Turbopack, the Rust-based successor to Webpack.
Introducing Turbopack, the Rust-based successor to Webpack.

Led by the creator of Webpack, Tobias Koppers, Turbopack will be the Web’s next-generation bundler. We’re building it with high-performance bare-metal tooling—open source today, for all frameworks in the future.

Try out the alpha of Turbopack in Next.js 13 today with next dev --turbo.

How fast is Turbopack?

Turbopack is built on a new incremental architecture for the fastest possible development experience. On large applications, it shows updates 10x faster than Vite and 700x faster than Webpack. On even larger applications, the difference is greater—often 20x faster than Vite.

Turbopack only bundles the minimum assets required in development, so startup time is extremely fast. On an application with 3,000 modules, Turbopack takes 1.8 seconds to boot up, while Vite takes 11.4 seconds.

Turbopack is 700x faster than Webpack in a large application with 3,000 modules.
Turbopack is 700x faster than Webpack in a large application with 3,000 modules.
Turbopack is 700x faster than Webpack in a large application with 3,000 modules.
Turbopack is 700x faster than Webpack in a large application with 3,000 modules.

To learn more, read the docs on how Turbopack bundles and view the benchmarks.

Why is Turbopack so fast?

Turbopack’s architecture takes the lessons learned from tools like Turborepo and Google’s Bazel, both of which focus on using caches to never do the same work twice.

Turbopack is built on Turbo: an open-source, incremental memoization framework for Rust. Turbo can cache the result of any function in the program. When the program is run again, functions won't re-run unless their inputs have changed. This granular architecture enables your program to skip large amounts of work, at the level of the function.

An incremental reactive system with the speed of Rust? Turbopack is unstoppable.

To learn more, check out our explainer on Turbo.

The future of Turbo

To start, Turbopack will be used for the Next.js 13 development server. It will power lightning-fast HMR, and it will support React Server Components natively, as well as TypeScript, JSX, CSS, and more.

Turbopack will eventually also power Next.js production builds, both locally and in the cloud. We’ll be able to share Turbo's cache across your entire team, using Vercel Remote Caching.

Webpack users can also expect an incremental migration path into the Rust-based future with Turbopack.

We couldn’t be more excited about the future of the Turbo ecosystem, as we push to help you iterate faster and create at the moment of inspiration.

Turbopack provides a fast and flexible development experience for apps of any size.
Turbopack provides a fast and flexible development experience for apps of any size.
Turbopack provides a fast and flexible development experience for apps of any size.
Turbopack provides a fast and flexible development experience for apps of any size.

Explore the Turbopack alpha in Next.js 13 today.

Tweet

Develop.
Preview.
Ship.

The development platform for the best frontend teams.