Getting Started with Turbopack
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 beta in the Next.js development server. You can try out Turbopack today by adding the
--turbo flag to your
next dev command.
To report an issue, please use the issue template in the Next.js repository (opens in a new tab). We appreciate your feedback.
Note: Production builds with
next build are not yet supported.
As of today, Turbopack can be used in Next.js v14. 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 14 project with Turbopack:
npx create-next-app --example with-turbopack
- Start the Next.js development server (with Turbopack):
npm run dev
The Next.js v14 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.
--turbo to your
next dev command:
"dev": "next dev --turbo"
Want to learn more about Turbopack? Here's a deep dive on what we think makes it special.
Learn why we created Turbopack, and why we think it’s the future of bundling for the web.
Learn about the innovative architecture that powers Turbopack’s speed improvements.