Member-only story
Web development
Turbopack: Vercel’s Claimed Successor of Webpack
Up and running in Next.js
Less than 24 hours ago, Next.js 13 was published.
With it, Vercel introduced Turbopack, an all-new bundler for the web, based on Rust for incredible performance.
Vercel claims, Turbopack is the successor of Webpack, and funnily, the project is led by the creator of Webpack, Tobias Koppers.
While Turbopack is currently in the alpha version, it already comes with support for Next.js.
Let’s try and see how fast it is — but first, I know you want to see numbers.
Performance comparison
For this comparison, I use the basic Next.js project I set up later in this article. Running the dev server with the usual yarn run dev takes, on average, 378 ms to get started.
Doing the same with Turbopack takes only 6 ms on average.
Yeah, you heard me right — Turbopack is about 63 times faster.
That’s it for the time it takes to get the development server up and running — but what about rebuilding on changes?
The default takes 80.3 ms on average to build.
Turbopack takes 4.1 ms on average to build.
