turbopack next sample

Next.js + Turbopack App Directory Playground

Turbopack ist ein neuer inkrementeller Bundler, der für JavaScript und TypeScript optimiert ist und von den Entwicklern von Webpack und Next.js bei Vercel in Rust geschrieben wurde. Bei großen Anwendungen aktualisiert Turbopack 10x schneller als Vite und 700x schneller als Webpack (Benchmark). Bei den größten Anwendungen wird der Unterschied noch deutlicher, da Updates bis zu 20-mal schneller sind als bei Vite.

Dieser Playground ist ein Spiegel des Next.js v13 App Directory Playground, verwendet jedoch Turbopack als Next.js-Entwicklungsserver ( next dev --turbo ).

Zur Erinnerung: Turbopack befindet sich derzeit in der Betaphase und ist noch nicht produktionsbereit. Wir danken Ihnen für Ihre kontinuierliche Unterstützung, während wir daran arbeiten, es für alle zugänglich zu machen.

Lokal ausgeführt

1. Abhängigkeiten installieren: yarn

2. Starten Sie den Entwicklungsserver: yarn dev

Hinweis: Der Spielplatz verwendet Tailwind CSS über PostCSS.

Weitere Informationen finden Sie unter: https://turbo.build/pack/docs/features/css#tailwind-css

Dokumentation

https://nextjs.link/with-turbopack

Feedback geben

https://nextjs.link/turbopack-feedback