Next.js 15 baru sahaja menjadi stabil yang bermakna kami kini boleh menggunakannya dalam pengeluaran tanpa terlalu risau tentang perkara yang tidak berfungsi seperti yang diharapkan. Jika anda bersedia untuk mengemas kini, Next.js 15 membawa beberapa peningkatan besar yang meningkatkan prestasi, memudahkan aliran kerja pembangunan dan memastikan keserasian yang lebih baik dengan alatan moden seperti React 19, yang merancang untuk dikeluarkan tidak lama lagi! Berikut ialah pecahan beberapa perubahan paling penting untuk dilihat.
Kita semua telah menunggu React 19 dilancarkan dan begitu juga dengan Vercel. Dengan keluaran terbaharu Next.js, mereka memastikan ia akan disepadukan dengan lancar dengan React 19, memberikan pembangun akses kepada ciri pelanggan dan pelayan lanjutan. Kemas kini ini memudahkan untuk melaksanakan keupayaan terkini React, termasuk tindakan sebelah pelayan untuk pengurusan keadaan dan kemas kini UI yang lebih baik.
Jika anda ingin melihat perkara baharu daripada React 19, lihat artikel yang saya tulis merangkumi semua ciri terbaharu yang dikeluarkan!
Penghidratan kadangkala sukar untuk ditangani, tetapi terima kasih kepada keluaran terbaru ini, ralat penyahhidratan penyahpepijatan menjadi lebih mudah. Pembangun kini akan menerima mesej ralat yang lebih jelas apabila HTML yang diberikan pada pelayan tidak sepadan dengan klien. Ini akan membantu pembangun dengan cepat menyelesaikan percanggahan yang mempercepatkan pembangunan supaya kami boleh memasukkan kod tersebut ke dalam pengeluaran tanpa pepijat.
Sebelum ini caching telah terbina dalam dan didayakan secara lalai, dan pembangun terpaksa menarik diri daripada caching secara manual untuk melumpuhkannya. Dengan keluaran terbaharu ini, tingkah laku caching telah diperhalusi untuk perlu didayakan secara eksplisit dan dilumpuhkan secara lalai. Ini mungkin kedengaran berlawanan dengan intuisi, tetapi caching yang tidak perlu boleh membawa kepada isu prestasi yang tidak dijangka yang mungkin sukar untuk dinyahpepijat apabila anda tidak tahu dari mana ia berasal. Dengan perlu mendayakan caching secara manual, pembangun akan mempunyai lebih kawalan dan lebih fleksibiliti semasa membina aplikasi.
Ciri baharu ini memperkenalkan penggunaan tambahan bagi prapemarahan. Ini membolehkan pembangun mengoptimumkan bahagian halaman tanpa baik pulih sepenuhnya. Sebagai contoh, bahagian dinamik yang dibalut dengan sempadan Suspens boleh diprapaparkan secara berasingan, meningkatkan prestasi tanpa menjejaskan interaktiviti.
Kadangkala tugasan yang tidak penting, seperti pengelogan atau analitis, boleh melambatkan tapak yang mengakibatkan pengalaman yang lebih buruk untuk pengguna. Dengan bendera unstable_after baharu Next.js, anda boleh memunggah operasi latar belakang ini menghasilkan respons awal yang lebih pantas untuk pengguna. Ini membantu memperbaik masa pemuatan halaman yang menghasilkan UX yang lebih baik dan SEO yang lebih baik.
Templat create-next-app telah dirombak memudahkan pembangun menyediakan projek baharu. Dengan penambahan TurboPack yang disepadukan ke dalam proses persediaan, ia kini lebih pantas dan lebih cekap apabila memulakan projek baharu dari awal.
Dengan semua ciri dan peningkatan terbaharu yang akan datang ke Next.js 15, sukar untuk tidak teruja dengan masa depan web.
Peningkatan ini bukan sahaja memberikan lebih pengoptimuman untuk prestasi tetapi juga meningkatkan kebolehgunaan pembangun. Next.js 15 menangani masalah kesakitan yang telah lama wujud seperti isu penghidratan sambil juga menolak sempadan dengan keupayaan baharu yang dibina untuk pembangunan moden.
Untuk mendapatkan gambaran yang lebih terperinci tentang perkara yang akan datang, anda boleh meneroka nota keluaran rasmi di blog Next.js.
Jika anda menyukai artikel ini, anda juga mungkin menikmati surat berita percuma saya yang saya hantar setiap minggu kepada pembangun seperti anda. Anda boleh mendaftar di sini.
Atas ialah kandungan terperinci Perkara Baharu dalam Kemas Kini Utama Next.js untuk Pembangun. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!