Agent skill · software engineering · affaan-m
nextjs-turbopack
Next.js 16+ and Turbopack — incremental bundling, FS caching, dev speed, and when to use Turbopack vs webpack.
Why this skill is useful
Provides specific commands and best practices for using Turbopack with Next.js 16+, which the AI may not reliably generate on its own.
What it needs
About 1k tokens when loaded. Last updated 2026-08-06. 238,342 stars on the source repository.
What this skill does
Next.js ve Turbopack Next.js 16+ yerel geliştirme için varsayılan olarak Turbopack kullanır: geliştirme başlatma ve hot update'leri önemli ölçüde hızlandıran Rust ile yazılmış artımlı bir bundler. Ne Zaman Kullanılır Turbopack (varsayılan dev): Günlük geliştirme için kullanın. Özellikle büyük uygulamalarda daha hızlı soğuk başlatma ve HMR. Webpack (legacy dev): Sadece bir Turbopack bug'ına denk gelirseniz veya dev'de webpack'e özgü bir plugin'e güveniyorsanız kullanın. --webpack ile devre dışı bırakın (veya Next.js sürümünüze bağlı olarak --no-turbopack; sürümünüz için dokümanlara bakın). Production: Production build davranışı (next build) Next.js sürümüne bağlı olarak Turbopack veya webpack kullanabilir; sürümünüz için resmi Next.js dokümantasyonunu kontrol edin. Şu durumlarda kullanın: Next.js 16+ uygulamalarını geliştirme veya debug etme, yavaş dev başlatma veya HMR'yi teşhis etme veya production bundle'larını optimize etme. Nasıl Çalışır Turbopack: Next.js dev için artımlı bundler. Dosya sistemi önbelleği kullanır, böylece yeniden başlatmalar çok daha hızlıdır (örn. büyük projelerde 5-14x). Dev'de varsayılan: Next.js 16'dan itibaren, next dev devre dışı bırakılmadıkça Turbopack ile çalışır. Dosya sistemi önbelleği: Yeniden başlatmalar önceki çalışmayı yeniden kullanır; önbellek genellikle .next altındadır; temel kullanım için ekstra yapılandırma gerekmez. Bundle Analyzer (Next.js 16.1+): Çıktıyı incelemek ve ağır bağımlılıkları bulmak için deneysel Bundle Analyzer; config veya deneysel bayrak ile etkinleştirin (sürümünüz için Next.js dokümantasyonuna bakın). Örnekler Komutlar Kullanım Turbopack ile yerel geliştirme için next dev çalıştırın. Code-splitting'i optimize etmek ve büyük bağımlılıkları kırpmak için Bundle Analyzer'ı kullanın (Next.js dokümantasyonuna bakın). Mümkün olduğunda App Router ve server component'leri tercih edin. En İyi Uygulamalar Kararlı Turbopack ve önbellekleme davranışı için güncel bir Next.js 16.x sürümünde kalın. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills affaan-m/nextjs-turbopack--34c3f2