turbopack next sample

Next.js + Turbopack アプリ ディレクトリ プレイグラウンド

Turbopack は、JavaScript と TypeScript 用に最適化された新しいインクリメンタル バンドラーで、Vercel の Webpack と Next.js の作成者によって Rust で書かれています。大規模なアプリケーションでは、Turbopack は Vite よりも 10 倍、Webpack (ベンチマーク) よりも 700 倍速く更新されます。最大のアプリケーションでは、アップデートが Vite よりも最大 20 倍速くなり、その差はさらに顕著になります。

このプレイグラウンドは Next.js v13 App Directory Playground のミラーですが、Next.js 開発サーバー ( next dev --turbo ) として Turbopack を使用します。

Turbopack は現在ベータ版であり、まだ製品化の準備ができていないことに注意してください。皆様にお届けできるよう取り組んでまいりますので、今後とも変わらぬご支援を賜りますようお願い申し上げます。

ローカルで実行する

1. 依存関係のインストール: yarn

2. 開発サーバーを起動します: yarn dev

注:プレイグラウンドは PostCSS 経由で Tailwind CSS を使用します。

詳細については、https://turbo.build/pack/docs/features/css#tailwind-css を参照してください。

ドキュメント

https://nextjs.link/with-turbopack

フィードバックの提供

https://nextjs.link/turbopack-フィードバック