Lewati ke konten
Pengembangan Web

Dampak Turbopack Jadi Default di Next.js 16

M. Irfan Ramadhan2 menit baca
Layar laptop menampilkan kode pemrograman dengan tema gelap di ruangan minim cahaya.
Foto: Unsplash
Daftar Isi

Turbopack menjadi bundler default untuk next dev dan next build sejak Next.js 16 dirilis 21 Oktober 2025, menggantikan Webpack yang sebelumnya jadi pilihan bawaan. Dampak utamanya: build produksi diklaim 2-5x lebih cepat dan Fast Refresh saat development hingga 10x lebih cepat, tanpa konfigurasi tambahan bagi kebanyakan proyek.

Apa Itu Turbopack dan Kenapa Jadi Default di Next.js 16?

Turbopack adalah bundler berbasis Rust yang dikembangkan tim Vercel sebagai pengganti Webpack, dirancang khusus untuk arsitektur Next.js. Sebelum Next.js 16, Turbopack harus diaktifkan manual lewat flag --turbopack atau --turbo. Mulai Next.js 16, Turbopack sudah stabil dan otomatis dipakai tanpa flag apa pun.

Menurut pengumuman resmi Next.js 16, keputusan ini didasari adopsi yang sudah tinggi sebelum jadi default:

Since its beta release earlier this summer, adoption has scaled rapidly: more than 50% of development sessions and 20% of production builds on Next.js 15.3+ are already running on Turbopack.

(Next.js 16 announcement, nextjs.org/blog/next-16)

Angka Performa yang Diklaim Resmi

Dokumentasi resmi menyebut dua angka spesifik untuk Turbopack stabil di Next.js 16: 2-5x lebih cepat untuk production build dan hingga 10x lebih cepat untuk Fast Refresh saat development, dibanding Webpack. Angka ini adalah klaim vendor berdasarkan benchmark internal Vercel, bukan jaminan hasil yang sama persis di setiap proyek. Besarnya peningkatan tetap bergantung ukuran codebase dan kompleksitas dependency proyek masing-masing.

Bagaimana Dampak Turbopack Default ke Proyek yang Sudah Berjalan?

Untuk proyek yang baru dibuat dengan create-next-app versi 16, Turbopack langsung aktif tanpa perlu tindakan apa pun. Untuk proyek lama yang di-upgrade dari Next.js 15 atau sebelumnya, ada beberapa hal yang perlu diperhatikan:

  • Konfigurasi Webpack kustom (loader atau plugin khusus di next.config.ts) tidak otomatis kompatibel dengan Turbopack dan perlu diterjemahkan ke opsi turbopack.rules yang setara.
  • Fallback tersedia: proyek yang belum siap migrasi bisa tetap memakai Webpack dengan menjalankan next dev --webpack atau next build --webpack, tanpa mengubah kode lain.
  • Lokasi konfigurasi berubah: opsi experimental.turbopack di next.config.ts versi lama sudah dipindah ke top-level turbopack, bukan lagi di dalam experimental.

Langkah migrasi lengkap dari Next.js 15 ke 16, termasuk breaking changes di luar Turbopack seperti Async Request API, sudah dibahas di artikel cara upgrade Next.js 15 ke Next.js 16.

Ringkasan

  • Turbopack jadi bundler default next dev dan next build sejak Next.js 16 (21 Oktober 2025), menggantikan Webpack tanpa perlu flag manual.
  • Klaim resmi: build produksi 2-5x lebih cepat, Fast Refresh hingga 10x lebih cepat. Angka ini klaim vendor yang besarnya tetap bergantung ukuran proyek.
  • Proyek dengan konfigurasi Webpack kustom masih bisa fallback lewat --webpack, tidak wajib migrasi langsung. Lihat langkah upgrade lengkap di cara upgrade Next.js 15 ke Next.js 16.
  • Butuh bantuan mengaudit atau memigrasikan proyek Next.js ke versi terbaru? Lihat layanan web development yang ditawarkan.

nextjs · nextjs-16 · turbopack · bundler · build-speed

Pertanyaan yang Sering Diajukan

Apakah Turbopack wajib dipakai di Next.js 16?

Tidak wajib. Turbopack jadi default untuk next dev dan next build, tapi proyek dengan konfigurasi Webpack kustom bisa tetap memakai Webpack lewat flag --webpack (next dev --webpack, next build --webpack) tanpa perlu migrasi paksa.

Kenapa Next.js 16 menjadikan Turbopack sebagai default?

Menurut Next.js, adopsi Turbopack sudah lebih dari 50% sesi development dan 20% production build di Next.js 15.3+ sebelum resmi jadi default. Turbopack diklaim 2-5x lebih cepat untuk build produksi dan hingga 10x lebih cepat untuk Fast Refresh saat development.

Apakah semua proyek Next.js otomatis lebih cepat setelah upgrade ke versi 16?

Sebagian besar merasakan build dan Fast Refresh lebih cepat tanpa konfigurasi tambahan, tapi besarnya peningkatan bergantung ukuran proyek dan kompleksitas dependency. Proyek dengan konfigurasi Webpack kustom (loader/plugin khusus) mungkin perlu diterjemahkan dulu ke opsi Turbopack yang setara.

M. Irfan Ramadhan

SEO Specialist & Web Developer

Menulis tentang SEO teknis, GEO/AI search, dan pengembangan web modern berdasarkan pengalaman langsung mengerjakan proyek klien.