• Pack
  • Docs
  • Quickstart

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:

  1. Create a Next.js v13 project with Turbopack:
npx create-next-app --example with-turbopack
  1. Start the Next.js development server (with Turbopack):
npm run dev

The 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.

Ready to go>>> FULL TURBOat your organization?

Vercel's Experts can bring your entire team up to speed quickly
Last updated on 2022-10-31T16:55:37.000Z