Next.js baru sahaja menjatuhkan bom yang mengubah permainan, mengeluarkan versi stabil Next.js 15 sebelum Next.js Conf – dan ia benar-benar gila! ?

Berikut ialah beberapa kemas kini dan ciri baharu yang mengagumkan yang dimuatkan dalam Next.js 15:

• Peningkatan Naik Taraf dengan @next/codemod CLI: Next.js 15 termasuk codemod CLI baharu yang memudahkan peningkatan kepada versi Next.js dan React yang terkini. CLI mengemas kini kebergantungan, menunjukkan codemod yang tersedia dan menyediakan panduan untuk menerapkannya.
• API Permintaan Async: API yang bergantung pada data khusus permintaan, seperti pengepala, kuki, param dan searchParams, telah beralih kepada tidak segerak. Perubahan ini mempengaruhi API seperti kuki, pengepala, drafMode, param (dalam pelbagai konteks) dan searchParams. Ini adalah satu perubahan yang besar tetapi codemod tersedia untuk membantu dengan penghijrahan.
• Perubahan dalam Semantik Caching: Next.js 15 menukar gelagat caching lalai untuk permintaan pengambilan, GET Pengendali Laluan dan Cache Penghala Pelanggan. Ini kini tidak dicache secara lalai. Anda boleh memilih caching jika perlu.
  • permintaan ambil kini menggunakan no-store sebagai pilihan cache lalai, bermakna ia tidak dicache secara lalai. Anda boleh mengikut serta dalam caching dengan menetapkan pilihan cache kepada force-cache.
  • GET Pengendali Laluan juga tidak dicache secara lalai. Anda boleh mengikut serta dalam caching menggunakan pilihan konfigurasi laluan statik.
  • Cache Penghala Pelanggan tidak lagi menyimpan komponen Halaman secara lalai. Anda boleh kembali kepada tingkah laku sebelumnya dengan menetapkan staleTime dalam next.config.ts.
• Sokongan React 19: Next.js 15 menyokong React 19, termasuk Pengkompil React percubaan.
  • App Router menggunakan React 19 RC, manakala keserasian ke belakang untuk React 18 dikekalkan untuk Pages Router. Menggunakan React 18 untuk Penghala Halaman dan React 19 untuk Penghala Apl dalam aplikasi yang sama tidak disyorkan kerana kemungkinan ketidakkonsistenan.
  • React Compiler bertujuan untuk memudahkan kod dengan mengurangkan penghafalan manual, tetapi ia masih dalam percubaan dan mungkin menyebabkan masa binaan yang lebih perlahan.
• Pembangun Turbopack Stabil: Turbopack, sistem binaan berasaskan Rust baharu, kini stabil dalam mod pembangunan (dev --turbo). Ia menawarkan peningkatan prestasi yang ketara dalam permulaan pelayan, Penyegaran Pantas, dan kompilasi laluan awal.
• Penunjuk Laluan Statik: Penunjuk visual baharu ini membantu mengenal pasti laluan statik dan dinamik semasa pembangunan.
• unstable_after API: Unstable_after API membenarkan pelaksanaan kod selepas respons selesai penstriman, yang amat membantu untuk tugasan yang tidak perlu menyekat pengguna, seperti pengelogan dan analitis.
• instrumentation.js API: API ini membenarkan pembangun memantau peristiwa kitaran hayat pelayan Next.js, yang berguna untuk penjejakan prestasi dan analisis ralat.
• Penambahan kepada Borang dengan Komponen: komponen memudahkan pengendalian borang dengan ciri seperti praambil, navigasi sisi klien dan peningkatan progresif.
• Sokongan TypeScript dalam next.config.ts: Next.js 15 menyokong fail TypeScript next.config.ts, menawarkan keselamatan jenis dan autolengkap untuk pilihan konfigurasi.
• Peningkatan Pengehosan Kendiri: Next.js 15 menyediakan lebih kawalan ke atas pengepala Kawalan Cache untuk pengehosan sendiri, memudahkan pengoptimuman imej dengan menggunakan tajam secara automatik dan termasuk video demo dan tutorial tentang pengehosan sendiri .
• Keselamatan Tindakan Pelayan Dipertingkat: Next.js kini menghapuskan Tindakan Pelayan yang tidak digunakan semasa proses binaan dan menggunakan ID yang tidak dapat diramalkan untuk rujukan pihak klien, meningkatkan keselamatan.
• Menggabungkan Pakej Luaran: Next.js 15 menyediakan pilihan konfigurasi yang lebih konsisten untuk menggabungkan pakej luaran merentas kedua-dua Penghala Apl dan Halaman. Pilihan serverExternalPackages membolehkan pengurusan bersatu.
• Sokongan ESLint 9: Next.js 15 memperkenalkan sokongan untuk ESLint 9 sambil mengekalkan keserasian ke belakang dengan ESLint 8. Kemas kini juga termasuk penyingkiran pilihan yang tidak digunakan dalam lint seterusnya dan peningkatan kepada eslint-plugin-react- cangkuk ke versi 5.0.0.
• Pembangunan dan Bina Penambahbaikan:
  • Penggantian Modul Panas Komponen Pelayan (HMR) yang dipertingkat untuk meningkatkan prestasi pembangunan tempatan.
  • Penjanaan statik yang lebih pantas dalam Penghala Apl melalui proses pemaparan yang dioptimumkan dan cache pengambilan kongsi di kalangan pekerja.
  • Pengenalan kawalan penjanaan statik percubaan untuk kes penggunaan lanjutan, tetapi ini memerlukan berhati-hati kerana ia mungkin membawa kepada peningkatan penggunaan sumber.
• Pelbagai:
  • Memecahkan perubahan dan penambahbaikan merentas kawasan berbeza seperti seterusnya/imej, Middleware, seterusnya/fon, caching, pilihan konfigurasi, Cerapan Kelajuan, peta laman, laluan dinamik, pengesahan semula dan banyak lagi.
  • Penambahbaikan umum dalam pengendalian metadata, gegaran pokok, laluan selari, pengendalian ralat, pra-pengambilan dan beberapa aspek lain.

Timbul persoalan, "Bagaimanakah keluaran Next.js 15 menangani isu pendedahan yang tidak disengajakan bagi fungsi bahagian pelayan?"

Keluaran Next.js 15 memperkenalkan dua peningkatan untuk menangani pendedahan yang tidak disengajakan bagi fungsi sisi pelayan, khususnya Tindakan Pelayan:

• Penghapusan Kod Mati: Tindakan Pelayan yang tidak digunakan dalam aplikasi akan dialih keluar secara automatik semasa proses binaan seterusnya. Ini menghalang mereka daripada mendedahkan ID mereka kepada himpunan JavaScript pihak pelanggan dan mencipta titik akhir awam.
• ID Tindakan Selamat: Next.js 15 menjana ID yang tidak boleh ditentukan dan tidak menentukan untuk Tindakan Pelayan, menyukarkan penyerang untuk meneka dan mengaksesnya secara terus. ID ini dikira semula secara berkala antara binaan untuk meningkatkan lagi keselamatan.

Adalah penting untuk ambil perhatian bahawa langkah-langkah ini tidak menghapuskan sepenuhnya risiko pendedahan Tindakan Pelayan. Pembangun harus tetap menganggap Tindakan Pelayan sebagai titik akhir HTTP awam dan melaksanakan langkah keselamatan yang sesuai untuk melindungi data dan fungsi sensitif.

Atas ialah kandungan terperinci Versi Stable NextJs Ada Di Sini : Apa yang Baharu?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!