Next.js 16.4: apa yang baru dan kapan website kamu perlu upgrade

Next.js 16.4 sudah dirilis, tetapi perlu tidaknya website kamu ikut upgrade sekarang bergantung pada versi Next.js yang sedang terpasang. Yang lebih mendesak sebenarnya adalah patch keamanan untuk versi di bawah 16.3.8.

Saya sudah mencoba upgrade ini di website saya, madebyaris.com. Upgrade-nya saya jalankan lewat agent AI, yaitu program yang bisa mengubah kode dan menjalankan perintah secara otomatis.

Semuanya saya kerjakan di branch terpisah, jadi belum ada yang berubah di website yang sedang live. Prosesnya lancar: kode aplikasi tidak perlu diubah, semua cek otomatis lolos, dan 14 halaman yang dites bisa dibuka di server uji.

Jawaban singkat

• Next.js 16.4.0 dirilis 6 Oktober 2026 waktu AS (7 Oktober 2026 WIB).
• Perubahan terbesarnya: tim Next.js mulai menyarankan Cache Components, yaitu fitur yang menyimpan bagian halaman supaya tidak perlu dibuat ulang setiap kali halaman dibuka.
• Blog resmi Next.js tidak mencantumkan breaking change (perubahan yang membuat kode lama harus diubah).
• Upgrade ke 16.4 bisa ditunda, tetapi website yang masih di bawah 16.3.8 perlu segera naik ke 16.3.8 supaya dapat patch keamanan yang dirilis 30 September 2026.

Apa yang berubah di Next.js 16.4

Apa yang berubah	Versi	Dampaknya untuk website	Sumber
Tim Next.js menyarankan Cache Components untuk semua website. Project baru yang dibuat lewat create-next-app langsung memakainya.	16.4. Di 16.3, Cache Components masih opsional dan harus dinyalakan lewat pengaturan.	Website yang sudah ada tidak otomatis memakainya, walaupun Cache Components akan menjadi default di Next.js 17.	blog, docs cacheComponents, docs create-next-app
File yang dikirim ke browser lebih kecil	16.4	Tidak perlu pengaturan tambahan.	blog
Versi React	Next.js 16.4 memakai React 19.3	React 19 disarankan. React 18 masih didukung, tetapi sudah deprecated dan tidak didukung lagi mulai Next.js 17.	docs React Version Support, blog index
Breaking change	16.4	Blog tidak mencantumkannya, tetapi versi baru tetap perlu dites sebelum dipakai.	blog
Node.js minimal 20.9	Sama untuk 16.4 dan 16.3 terakhir	Kalau server sudah menjalankan 16.3, versi Node.js (program yang menjalankan Next.js di server) tidak perlu diganti.	npm
Patch terbaru	16.3.8 dan 15.5.27, dari security release 30 September 2026. 16.4.0 belum punya rilis patch.	Website Next.js 16 di bawah 16.3.8 perlu naik ke 16.3.8. Website Next.js 15 perlu naik ke 15.5.27.	blog index, npm

Kapan kamu perlu upgrade

Daftar berikut dimulai dari kondisi yang paling mendesak, yaitu website yang belum mendapat perbaikan keamanan 30 September 2026. Cocokkan dengan versi Next.js yang terpasang di website kamu:

• Di bawah 16.3.8: naikkan ke 16.3.8 sekarang, karena versi itu memuat perbaikan keamanan tersebut.
• Di Next.js 15: naikkan ke 15.5.27 supaya dapat perbaikan yang sama.
• Di 16.3.8: jadwalkan upgrade ke 16.4 saat tim siap, walaupun support policy Next.js tetap menyarankan agar website sebisa mungkin memakai versi terbaru.
• Dengan pengaturan cache khusus atau server sendiri: tes dulu di staging sebelum upgrade.

Untuk pindah dari Next.js 15 atau versi yang lebih lama ke 16.4, website perlu melalui migrasi, jadi ikuti dulu panduan upgrade ke versi 16.

Kalau kamu developer: cara upgrade Next.js ke 16.4

Langkah berikut kita kerjakan berurutan. Empat di antaranya, yaitu langkah 1, 2, 5, dan 6, sudah dites pada 7 Oktober 2026 di project uji yang dibuat dari nol dengan create-next-app 16.3 dan berisi satu halaman serta satu route handler.

1. Cek versi Next.js dan Node.js yang terpasang, karena Next.js 16.4.0 butuh Node.js 20.9 ke atas.

npx next --version
node -v

2. Buat branch baru dari main.

git checkout -b upgrade-next-16-4

3. Jalankan perintah upgrade dari dokumentasi Next.js sesuai package manager yang dipakai, dan pilih salah satu saja.

pnpm next upgrade
npx next upgrade
yarn next upgrade
bunx next upgrade

Versi sebelum 16.1.0 belum punya perintah upgrade, jadi untuk versi itu dokumentasi memakai codemod:

npx @next/codemod@canary upgrade latest

Upgrade manual juga bisa:

npm i next@latest react@latest react-dom@latest eslint-config-next@latest

Di project uji, yang dites hanya npx next upgrade dan perintah manual npm i, sedangkan perintah pnpm, yarn, bun, codemod, dan --agent diambil dari dokumentasi dan tidak dijalankan di sana.

4. Opsional: biarkan coding agent mengerjakan dan mengecek upgrade-nya, dengan catatan fitur ini masih experimental.

npx next@canary upgrade --agent=latest

5. Lihat diff sebelum commit, karena langkah ini sering terlewat. Waktu dites, npx next upgrade mengunci versi @types/react dan menambah blok overrides di package.json.
6. Jalankan npm run build dan npm run lint, lalu baca semua warning.

Keduanya lolos di 16.4.0 pada project uji. Pages Router dengan React 18 memang memunculkan warning saat build (PR #97689), jadi kalau ingin pindah router, baca migrasi Pages Router ke App Router.

7. Jangan langsung merge, karena hasil di satu website belum tentu sama di website lain. Deploy ke preview dulu, lalu cek halaman utama, form, dan route data. Untuk toko online, klik juga tombol pesan lewat WhatsApp sebelum merge.

Perubahan teknis lain, termasuk fitur experimental, ada di blog resmi Next.js 16.4.

Hasil upgrade di website saya

Upgrade madebyaris.com saya jalankan pada 7 Oktober 2026 lewat agent AI yang sama, tetapi dengan codemod Next.js, bukan npx next upgrade. Versi yang dipakai adalah Node.js 22.14.0 dan pnpm 9.15.3.

Semua perubahannya tersimpan di branch chore/nextjs-16-4, dalam draft pull request yang belum di-merge, jadi upgrade ini belum live.

pnpm dlx @next/codemod@latest upgrade 16.4.0 --yes --verbose

Di branch itu, paket next, eslint-config-next, dan @next/bundle-analyzer naik dari 16.3.6 ke 16.4.0, sedangkan React tetap 19.3.0. Codemod hanya mengubah package.json dan pnpm-lock.yaml, dan proses install-nya selesai dalam 5,8 detik.

Build, lint, dan dua cek lain selesai dengan exit 0, sementara route utama di server uji merespons dengan status 200. Kecepatan sebelum dan sesudah upgrade tidak diukur.

Cache Components tetap nonaktif di branch ini, karena menurut catatan di next.config.js fitur ini bentrok dengan export const revalidate di tiap route. Log juga mencatat beberapa warning, tetapi semuanya sudah muncul di 16.3.6 sebelum upgrade atau tidak terkait upgrade.

Pertanyaan soal Next.js 16.4

Apakah website kamu harus langsung upgrade ke Next.js 16.4?

Tidak harus, kalau website kamu sudah di Next.js 16.3.8, karena versi itu sudah memuat perbaikan keamanan 30 September 2026. Kalau masih di bawah 16.3.8, naikkan ke 16.3.8 sekarang, lalu jadwalkan upgrade ke 16.4 setelah dites dulu di staging. Versi yang sudah ditambal tercantum di pengumuman security release pada indeks blog Next.js.

Apakah upgrade ke Next.js 16.4 bisa membuat website rusak?

Belum ada tanda seperti itu, karena blog resmi Next.js 16.4 tidak mencantumkan breaking change sama sekali. Meski begitu, file hasil build tetap berubah, jadi versi baru sebaiknya tidak langsung dipasang di website yang sedang live. Minta developer kamu mengetesnya dulu di staging, terutama halaman pesanan dan form yang paling sering dipakai pelanggan.

Apa itu Cache Components, dan apakah wajib?

Tidak wajib, karena upgrade ke 16.4 tidak otomatis menyalakannya, walaupun fitur ini akan menjadi default di Next.js 17. Misalkan ada toko batik online di Solo yang daftar produknya jarang berubah, tetapi stoknya bisa berubah setiap jam. Dengan Cache Components, daftar produk itu bisa disimpan dan langsung tampil, sedangkan angka stok tetap diambil ulang setiap kali halaman dibuka.

Apakah hosting atau server website perlu diganti?

Tidak perlu, kalau VPS atau hosting yang kamu sewa sekarang sudah menjalankan Next.js 16.3 dengan baik. Syaratnya juga tidak berubah, karena Next.js 16.4 butuh Node.js 20.9 atau lebih baru, sama seperti rilis 16.3 terakhir, sehingga versi Node.js di server yang sama tidak perlu diganti. Kalau ragu, versi Node.js di server bisa dicek dengan perintah node -v.

Sumber

Terakhir dicek: 7 Oktober 2026.

• Blog resmi Next.js 16.4: fitur baru, Cache Components, ukuran file, dan tanggal rilis.
• Indeks blog Next.js: security release 30 September 2026 dan React 19.3.
• Dokumentasi cacheComponents dan dokumentasi create-next-app.
• React Version Support: dukungan React 18 dan 19.
• Dokumentasi Upgrading Next.js dan panduan upgrade ke versi 16.
• Support policy Next.js.
• Paket next di npm dan daftar versinya: syarat Node.js dan patch terbaru.
• PR #97689: warning React 18 di Pages Router.
• Log upgrade madebyaris.com di branch chore/nextjs-16-4, dari draft pull request yang belum di-merge.

Butuh bantuan upgrade Next.js?

Jadi, yang perlu didahulukan adalah patch keamanan (16.3.8, atau 15.5.27 untuk Next.js 15), sedangkan upgrade ke 16.4 bisa dijadwalkan setelah dites di staging. Langkah pertamanya cukup menjalankan npx next --version, atau meminta developer kamu mengecek versi Next.js yang terpasang.

Mau website Next.js kamu diperbarui? Hubungi madebyaris. Saya balas dalam 24 jam.