Turbopack

• Language: Rust (через napi-rs для Node integration)
• Architecture: Turbo engine — incremental computation framework
• Caching: function-level (каждая трансформация cached)
• Next.js 15 stable для dev. Production build — всё ещё Webpack (2025-2026)
• Benchmarks (Next.js): 3-5x быстрее dev start, 10x быстрее HMR

# Use Turbopack в Next.js dev
$ next dev --turbo

# Or в package.json
"scripts": {
  "dev": "next dev --turbo"
}

# Production build (Webpack сейчас)
$ next build

• RSC
• Streaming SSR

Turbopack отличается от других инструментов, таких как Webpack и Rollup, своей архитектурой на базе Rust. Это обеспечивает более высокую производительность и эффективность использования ресурсов. В отличие от Webpack, который использует систему плагинов для обработки различных аспектов сборки, Turbopack фокусируется на скорости и простоте использования.

Практические примеры: для использования Turbopack в проекте Next.js вам нужно установить его через npm или yarn и настроить в конфигурационном файле next.config.js. Например, вы можете добавить следующую строку: const { turbopack } = require('next/dist/lib/config/turbopack'); Это позволит вам использовать Turbopack для сборки вашего приложения.

Использование Turbopack в вашем проекте Next.js может принести несколько преимуществ. Во-первых, это значительное ускорение времени холодного старта dev server благодаря incremental compilation с function-level cache. Это означает, что при каждом изменении в коде, Turbopack перекомпилирует только те части, которые были изменены, что существенно сокращает время перезапуска сервера.

Во-вторых, Turbopack поддерживает Hot Module Replacement (HMR), что позволяет вам видеть изменения в браузере в реальном времени без необходимости полной перезагрузки страницы. Это повышает производительность разработки и улучшает пользовательский опыт.

Кроме того, Turbopack обеспечивает более эффективное использование ресурсов благодаря своей архитектуре на базе Rust, что может привести к снижению нагрузки на сервер и улучшению общей производительности приложения.

Для начала работы с Turbopack в проекте Next.js, вам необходимо установить его через npm или yarn. После установки вы можете настроить его в конфигурационном файле next.config.js. Например, вы можете добавить следующую строку: const { turbopack } = require('next/dist/lib/config/turbopack'); Это позволит вам использовать Turbopack для сборки вашего приложения.

После настройки Turbopack вы можете начать использовать его для сборки вашего приложения. Например, вы можете добавить следующую строку в ваш файл _app.js: import { App } from 'next/app'; import { turbopack } from 'next/dist/lib/config/turbopack'; Это позволит вам использовать Turbopack для сборки вашего приложения.

Дополнительные настройки и примеры использования можно найти в официальной документации Vercel и Next.js.