Turbopack vs TypeScript Playground

Turbopack is an incremental JavaScript and TypeScript bundler written in Rust and built into Next.js. It supports the Pages Router and App Router for local development and is the default bundler in Next.js for basic use without configuration. It parallelizes work across CPU cores, caches results at the function level and persists them between runs. Lazy bundling processes only what the development server requests, which can reduce initial compile time and memory use. Its support includes JavaScript, TypeScript, ECMAScript, CommonJS, ESM and Babel configuration detection in Next.js 16, along with JSX, Fast Refresh and React Server Components for the App Router. CSS support includes global CSS, CSS Modules, nesting, PostCSS and Sass/SCSS, but not custom Sass functions. It also handles static image and font imports, JSON, aliases and custom extensions. Native bindings are available for Linux, macOS and Windows. Turbopack is included in Next.js with no separate price stated. It does not perform TypeScript type checking, and it does not support webpack plugins.

TypeScript Playground is a free browser environment for writing, running, sharing, and safely experimenting with TypeScript and JavaScript. It accepts .ts, .tsx, .js, .jsx, and .d.ts files. Run converts code to JavaScript, executes it in the current browser session, and shows console output in Logs; the browser session can also support DOM API experiments. The editor centers on one text document and is described as a teaching tool that needs no setup. Users can select supported TypeScript builds, including beta, nightly, pull request, and older builds. The TS Config panel exposes a focused compiler-option set, while twoslash annotations can configure options beyond it. URLs can preserve code, compiler flags, and settings for sharing. Export can create Markdown, open TypeScript AST Viewer, or export a project to CodeSandbox or StackBlitz. Plugins are supported, including Presentation Mode, Clippy, TSQuery, Collaborate, and Transformer. The mobile layout uses a single pane and does not show transpiled JavaScript beside source.