Lewati ke konten
Pengembangan Web

Fitur Baru Next.js 16.1, 16.2, 16.3

M. Irfan Ramadhan4 menit baca
Layar laptop menampilkan kode editor dengan syntax highlighting di tema gelap.
Foto: Unsplash
Daftar Isi

Next.js 16.1 (Desember 2025) menstabilkan Turbopack file system caching dan menambah Bundle Analyzer eksperimental; 16.2 (Maret 2026) merilis Adapter API stabil hasil kolaborasi dengan OpenNext plus dev server ~400% lebih cepat; dan 16.3 (Agustus 2026) memangkas memori development hingga 90% sekaligus memperkenalkan Instant Navigations. Ketiganya rilis minor, bukan migrasi besar seperti upgrade ke Next.js 16.0.

Ringkasan cepat:

  1. Next.js 16.1 menstabilkan Turbopack file system caching (restart next dev sampai ~14x lebih cepat di proyek besar internal Vercel) dan menambah Bundle Analyzer eksperimental plus perintah next upgrade.
  2. Next.js 16.2 merilis Adapter API stabil, kontrak resmi hasil kolaborasi dengan OpenNext, Netlify, Cloudflare, AWS Amplify, dan Google Cloud sejak RFC April 2025, penting untuk deploy di luar Vercel.
  3. Next.js 16.3 memangkas pemakaian memori next dev hingga 90% dan mempercepat next build hingga 5,5x lewat disk cache, plus menangani hingga 22% lebih banyak request lewat native Node.js streams.
  4. Rilis keamanan 30 September 2026 menambal 7 kerentanan (1 High, 5 Medium, 1 Low) di versi 16.3.8 dan 15.5.27, jadi proyek produksi sebaiknya segera update.
  5. Next.js 15 berstatus Maintenance LTS dengan dukungan keamanan berakhir sekitar 21 Oktober 2026, jadi proyek yang masih di versi itu (termasuk situs ini sendiri) perlu segera rencanakan upgrade.

Apa Saja yang Baru di Next.js 16.1?

Next.js 16.1 dirilis 18 Desember 2025, berfokus pada kecepatan development dan tooling, bukan fitur arsitektur besar.

Fitur utamanya: Turbopack file system caching untuk next dev menjadi stabil dan aktif otomatis (sebelumnya beta di Next.js 16.0). Artefak compiler disimpan ke disk, sehingga restart dev server jauh lebih cepat. Menurut pengumuman resmi Next.js 16.1, tim Vercel mencatat peningkatan compile time pertama kali sebesar ~10x di react.dev, ~5x di nextjs.org, dan ~14x di salah satu aplikasi internal Vercel berskala besar.

Tambahan lain di 16.1: Bundle Analyzer eksperimental (next experimental-analyze) untuk inspeksi ukuran bundle server/client secara interaktif, next dev --inspect untuk debugging Node.js tanpa trik NODE_OPTIONS, dan perintah next upgrade baru yang menyederhanakan proses update versi dibanding menjalankan codemod manual.

Apa yang Ditambahkan di Next.js 16.2?

Next.js 16.2 (18 Maret 2026) menonjolkan dua hal: performa dan portabilitas deploy. Startup next dev tercatat ~400% lebih cepat dibanding 16.1 pada proyek default, dan rendering Server Components ke HTML 25-60% lebih cepat tergantung ukuran payload RSC-nya, hasil kontribusi Next.js ke React untuk menghapus overhead JSON.parse reviver callback.

Perubahan paling relevan untuk situs yang di-deploy sendiri di VPS (seperti situs ini): Adapter API resmi stabil. Menurut pengumuman khusus Next.js, API ini adalah kontrak bertipe dan versioned yang dibangun lewat kolaborasi tim Next.js dengan OpenNext, Netlify, Cloudflare, AWS Amplify, dan Google Cloud, menyusul RFC yang dipublikasikan April 2025. Sebelum Adapter API, platform non-Vercel harus menebak perilaku Next.js lewat reverse engineering; sekarang Next.js menghasilkan deskripsi build (rute, prerender, aset statis, aturan cache) yang bisa dibaca adapter mana pun secara resmi, termasuk adapter Vercel sendiri yang memakai kontrak publik yang sama.

When the Next.js team reached out with an offer to discuss Netlify's challenges, we started compiling a laundry list of specific issues to share, but it quickly became clear that the common thread among 90% of these was simply the lack of a documented, stable mechanism to configure and read build output.

(Philippe Serhal, Engineer at Netlify, nextjs.org/blog/nextjs-across-platforms)

Fitur lain di 16.2: halaman error default yang didesain ulang, hydration diff indicator di overlay error development, --inspect yang kini juga berfungsi untuk next start (bukan cuma next dev), dan ImageResponse yang diklaim hingga 20x lebih cepat untuk gambar kompleks.

Apa yang Baru di Next.js 16.3?

Next.js 16.3 (3 Agustus 2026) disebut tim Next.js sendiri sebagai "pembaruan terbesar sejak Next.js 16.0 rilis November lalu". Tiga angka performa yang paling ditonjolkan: pemakaian memori next dev turun hingga 90% (kombinasi disk caching dari 16.1 + fitur baru memory eviction), next build hingga 5,5x lebih cepat di CI karena disk cache yang sebelumnya cuma untuk dev kini juga berlaku untuk build, dan aplikasi bisa menangani hingga 22% lebih banyak request di bawah beban karena App Router kini memakai native Node.js streams, bukan lagi web streams.

Instant Navigations: Fitur Opt-In untuk Next.js 16.3

Di luar peningkatan otomatis di atas, 16.3 juga memperkenalkan Instant Navigations, kumpulan fitur opt-in (lewat flag cacheComponents dan partialPrefetching) yang membuat navigasi terasa secepat single-page app: Instant Insights (devtool yang menandai navigasi lambat), Partial Prefetching (kontrol granular berapa banyak konten yang di-prefetch), Better Incremental Static Regeneration, Navigation Inspector, dan Playwright test helper instant(). Karena masih opt-in dan mengubah model caching, fitur ini lebih cocok dicoba di proyek baru atau setelah membaca dokumentasi migrasi resmi, bukan diaktifkan langsung di produksi tanpa pengujian.

Bagaimana proxy.ts Menggantikan middleware.ts?

Satu perubahan yang sering membingungkan saat upgrade lintas versi 16.x adalah penggantian nama middleware.ts menjadi proxy.ts, meski sebenarnya ini sudah berlaku sejak Next.js 16.0 (Oktober 2025), bukan baru di 16.1-16.3. Menurut dokumentasi resmi Next.js 16, proxy.ts dipilih karena lebih menjelaskan apa yang sebenarnya dilakukan kode itu (mencegat request sebelum sampai ke aplikasi) dan selalu berjalan di Node.js runtime, bukan Edge runtime seperti sebelumnya. Migrasinya hanya mengganti nama file dan nama fungsi yang diekspor jadi proxy(); logika di dalamnya tidak berubah. middleware.ts tetap berfungsi untuk kasus Edge runtime tapi berstatus deprecated dan akan dihapus di versi mendatang.

Kenapa Rilis Keamanan 30 September 2026 Penting?

Tim Next.js merilis patch keamanan untuk versi 16.3.8 (Active LTS) dan 15.5.27 (Maintenance LTS), menambal 7 kerentanan: 1 High (Server-Side Request Forgery lewat Image Optimization pada konfigurasi images.remotePatterns tertentu), 5 Medium (termasuk cache poisoning pada halaman SSG/ISR self-hosted, dan kebocoran cache lintas nilai root param di fungsi 'use cache' bertingkat), dan 1 Low (kebocoran informasi lewat endpoint Model Context Protocol di next dev, hanya berdampak ke development, bukan produksi). Proyek produksi yang self-hosted, termasuk disiplin situs ini sendiri soal jujur di SEO teknis, sebaiknya segera memperbarui ke versi terbaru dari jalur mayor masing- masing, bukan menunda.

Apakah Sudah Waktunya Upgrade dari Next.js 15?

Menurut endoflife.date untuk Next.js, Next.js 16 saat ini berstatus Active LTS sejak rilis Oktober 2025, sementara Next.js 15 sudah masuk Maintenance LTS dengan dukungan keamanan diperkirakan berakhir sekitar 21 Oktober 2026, kurang dari tiga minggu dari artikel ini ditulis. Situs personal brand ini sendiri saat ini masih berjalan di Next.js 15, jadi catatan ini bukan cuma teori: setelah tanggal EOL, kerentanan baru di versi 15 tidak lagi ditambal resmi oleh tim Next.js. Langkah upgrade lengkapnya (codemod resmi, breaking change Turbopack dan akses asinkron params/searchParams) sudah dibahas di panduan upgrade Next.js 15 ke 16, dan kalau build gagal setelah upgrade, langkah troubleshooting-nya ada di artikel cara memperbaiki error setelah upgrade.

Ringkasan: Rilis Minor 16.1-16.3 Berfokus ke Performa Dev dan Portabilitas Deploy, Bukan Fitur Arsitektur Baru

  • Tiga rilis minor ini sengaja tidak membawa perubahan arsitektur sebesar Cache Components atau Turbopack default di Next.js 16.0, fokusnya kecepatan development/build dan membuka deploy resmi di platform non-Vercel lewat Adapter API.
  • Fitur yang sudah tayang mendalam di artikel lain situs ini (Cache Components, Turbopack default, Partial Prerendering) tetap jadi fondasi di 16.1-16.3, bukan digantikan.
  • Karena Next.js 15 mendekati akhir dukungan keamanan (~21 Oktober 2026), proyek yang belum upgrade sebaiknya mulai dari sekarang. Kalau butuh bantuan audit kesiapan teknis sebelum migrasi, ini juga bagian dari layanan web development yang ditawarkan di situs ini.

nextjs · nextjs-16 · turbopack · adapter-api · opennext

Pertanyaan yang Sering Diajukan

Apakah upgrade dari Next.js 16.1 ke 16.3 punya breaking change besar?

Tidak ada breaking change besar untuk kebanyakan proyek. Mayoritas peningkatan 16.1-16.3 (Turbopack file system caching, kecepatan render, Adapter API) aktif otomatis atau opt-in lewat flag konfigurasi, bukan perubahan API yang memaksa migrasi kode. Breaking change terbesar (proxy.ts menggantikan middleware.ts) justru sudah ada sejak Next.js 16.0 dirilis Oktober 2025.

Apa itu Adapter API dan kenapa melibatkan OpenNext?

Adapter API adalah kontrak stabil dan bertipe yang dirilis stabil di Next.js 16.2, hasil kolaborasi tim Next.js dengan OpenNext, Netlify, Cloudflare, AWS Amplify, dan Google Cloud sejak RFC April 2025. Tujuannya: platform non-Vercel bisa membaca output build Next.js secara resmi, bukan lewat workaround komunitas seperti sebelumnya.

Kapan sebaiknya upgrade dari Next.js 15 ke Next.js 16.3?

Sebaiknya sebelum pertengahan Oktober 2026, karena Next.js 15 berstatus Maintenance LTS dengan dukungan keamanan berakhir sekitar 21 Oktober 2026 menurut endoflife.date. Setelah tanggal itu, kerentanan baru di Next.js 15 tidak lagi ditambal resmi, jadi proyek yang masih di versi itu sebaiknya mulai rencanakan migrasi.

Apakah proxy.ts wajib dipakai menggantikan middleware.ts?

Belum wajib, tapi sudah deprecated sejak Next.js 16.0. File middleware.ts masih berfungsi untuk kasus Edge runtime, namun akan dihapus di versi mendatang. Cara migrasinya hanya mengganti nama file jadi proxy.ts dan nama fungsi yang diekspor jadi proxy(), logikanya tetap sama.

Artikel Terkait

M. Irfan Ramadhan

SEO Specialist & Web Developer

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