Getting Started with Turbopack
Turbopack is an incremental bundler optimized for JavaScript and TypeScript, written in Rust by the creators of Webpack and Next.js at Vercel.
On large applications Turbopack updates 10x faster than Vite and 700x faster than Webpack. For the biggest applications the difference grows even more stark with updates up to 20x faster than Vite.
The secret to Turbopack's performance is twofold: highly optimized machine code and a low-level incremental computation engine that enables caching down to the level of individual functions. Once Turbopack performs a task it never does it again.
Our team has taken the lessons from 10 years of Webpack, combined with the innovations in incremental computation from Turborepo and Google's Bazel, and created an architecture ready to support the coming decades of computing.
Turbopack is currently in alpha. It is not yet ready for production use. We appreciate your support and feedback as we work to make it ready for everyone.
Quickstart
As of today, Turbopack can be used in Next.js v13. In the future we will be releasing a standalone CLI, plugin API, and support for other frameworks such as Svelte and Vue. For now, please follow these instructions to get started:
- Create a Next.js v13 project with Turbopack:
npx create-next-app --example with-turbopack- Start the Next.js development server (with Turbopack):
npm run devThe Next.js v13 development server is now powered by Turbopack! Startup and updates should both be near-instant. The larger the application, the larger the improvement will be.
Next Steps
Want to learn more about Turbopack? Here's a deep dive on what we think makes it special.
Why Turbopack?
Learn why we created Turbopack, and why we think it’s the future of bundling for the web.
Core Concepts
Learn about the innovative architecture that powers Turbopack’s speed improvements.