Next.js 15.4 |Next.js

Next.js 15.4 شامل عملکرد، ثبات و به‌روزرسانی‌های سازگاری Turbopack است. نکات برجسته برای این نسخه عبارتند از:

این پست وبلاگ همچنین شامل یک پیش‌نمایش اولیه از آنچه در Next.js 16، نسخه اصلی بعدی ما است، می‌شود.

همین امروز ارتقا دهید یا با:

# Use the automated upgrade CLI
npx @next/codemod@canary upgrade latest
 
# ...or upgrade manually
npm install next@latest react@latest react-dom@latest
 
# ...or start a new project
npx create-next-app@latest

next build --turbopack اکنون می گذرد همه 8298 تست ادغام برای تولید می سازد و اکنون قدرت vercel.comاین یک نقطه عطف مهم برای علامت گذاری Turbopack در Next.js stable است.

اولویت فعلی تیم این است که بهینه‌سازی‌های بسته‌بندی را از طریق بسته‌بندی تولید و رفع اشکال‌های گزارش‌شده توسط پذیرندگان اولیه ساخت آلفا به پایان برساند. ما همچنین بهبودهای پایداری و عملکرد متعددی را در Turbopack زیر کاپوت انجام داده‌ایم.

ما مطمئن هستیم که Turbopack به زودی برای استفاده در تولید آماده خواهد شد و در حال کار بر روی نسخه بتا Next.js 16 هستیم. اگر قبلاً Turbopack را امتحان کرده اید، اکنون زمان خوبی برای امتحان مجدد است. اگر با مشکلی مواجه شدید، در مورد مسائل GitHub به ما اطلاع دهید.

در چند ماه گذشته، ما در مورد پیشرفت‌های مهم Next.js با تمرکز بر تجربه توسعه‌دهندگان با Turbopack و قابلیت‌های اصلی App Router با PPR و use cache.در حالی که ما آماده فعال کردن این ویژگی‌ها به‌طور پیش‌فرض نیستیم، به دنبال آن هستیم که زمینه را برای کاربران خود فراهم کنیم تا آنها را در Next.js 16 تابستان امسال امتحان کنند.

در اینجا پیش نمایشی از آنچه در Next.js 16 می آید آمده است:

• اجزای کش (بتا): ویژگی های ذخیره سازی تجربی را ادغام می کند (Dynamic IO, use cacheو پیش اجرا جزئی) به یک تک cacheComponents استراتژی‌های بهینه‌سازی عملکرد را ساده‌سازی کنید. پست وبلاگ Next.js 16 دیدگاه ما را به تفصیل شرح خواهد داد.
• Turbopack Builds (بتا): نشان می دهد next build --turbopack، کاملاً یکپارچه‌سازی شده و به صورت داخلی در سایت‌های پر ترافیک مانند vercel.com تأیید شده است. آماده برای استفاده گسترده از بتا عمومی در Next.js 16.
• مسیریابی سمت مشتری بهینه شده: ناوبری روتر برنامه را با پیش واکشی هوشمندتر، بهبود استراتژی‌های ابطال حافظه پنهان، و کاهش استفاده از پهنای باند، بهبود می‌بخشد که منجر به ناوبری سریع‌تر و پاسخگوتر می‌شود.
• DevTools & Debugging: اطلاعات مسیر را برای بررسی ساختار برنامه و سوئیچ کردن اجزای مانند اضافه می کند loading.tsxارسال آزمایشی گزارش‌های مرورگر را به ترمینال اضافه می‌کند تا از جریان‌های کار اشکال‌زدایی مبتنی بر هوش مصنوعی پشتیبانی کند.
• Node.js Middleware (پایدار): پشتیبانی آزمایشی قبلی Node.js در زمان اجرای Middleware را که ابتدا در Next.js 15.2 معرفی شده بود، به حالت پایدار ارتقا می دهد.
• آداپتورهای استقرار (آلفا): به توسعه دهندگان اجازه می دهد تا آداپتورهای استقرار سفارشی را برای کنترل دقیق تر روی اهداف ساخت و استقرار ایجاد کنند.
• حذف و تغییرات جزئی: پشتیبانی از Node.js 18، AMP و تغییرات انتخابی را قطع می کند next/image API با دستورالعمل های مهاجرت مناسب.

هدف ما این است که این به روز رسانی را تا حد امکان روان و آسان کنیم. ما این تغییرات را با دقت مدیریت می کنیم تا اختلال را به حداقل برسانیم و راهنمایی و ابزارهای روشنی را برای پشتیبانی از انتقال شما به Next.js 16 ارائه می دهیم.

امروز می توانید با استفاده از بسیاری از این ویژگی ها آزمایش کنید canary کانال و پرچم های زیر را در خود فعال کنید next.config.js:

import type { NextConfig } from 'next';
 
const nextConfig: NextConfig = {
  experimental: {
    // Forward browser logs to the terminal for easier debugging
    browserDebugInfoInTerminal: true,
 
    // Enable new caching and pre-rendering behavior
    dynamicIO: true, // will be renamed to cacheComponents in Next.js 16
 
    // Activate new client-side router improvements
    clientSegmentCache: true,
 
    // Explore route composition and segment overrides via DevTools
    devtoolSegmentExplorer: true,
 
    // Enable support for `global-not-found`, which allows you to more easily define a global 404 page.
    globalNotFound: true,
 
    // Enable persistent caching for the turbopack dev server and build.
    turbopackPersistentCaching: true,
  },
};
 
export default nextConfig;

• [Improvement] ذخیره درخواست RSC در هنگام تغییر مسیرها (#77963)
• [Improvement] بازگشت باگ خوب برای ربات ها (#77916)
• [Improvement] ممنوع است unstable_rootParams در اجزای مشتری (#79471)
• [Improvement] درستش کن bodySizeLimit اشکالات و عملکردهای شکسته (#77746)
• [Improvement] برای شناسه‌های عملکرد ناشناخته با 404 پاسخ دهید (77012#)
• [Improvement] پارامترهای حذف کش را در درخواست‌های RSC بررسی کنید (80669#)
• [Improvement] Vercel OG را به 0.7.2 (#81447) ارتقا دهید
• [Improvement] فهرست assert/strict به عنوان خارجی (#80884)
• [Improvement] از داده SearchParam صرفنظر کنید FlightRouterState قبل از ارسال (#80734)
• [Improvement] پخش جریانی فراداده سطح بالا (#80566)
• [Fix] برای جلوگیری از جهش، ماژول پیکربندی را کلون کنید (#80573)
• [Fix] رفع اشکال: انتشار staleTime ورود به واکشی اولیه (#81263)
• [Fix] برگرداندن تغییر (#79939)
• [Fix] رفع علایق برای React Compiler (#79558)
• [Fix] رفع مشکل آشکارساز ابزار کامپایلر React (#79480)
• [Fix] مدیریت بهتر مسیرهای فایل نهایی در launchEditor (#79526)
• [Fix] روتر کلاینت باید ورودی های پیش واکشی قدیمی برای صفحات استاتیک را دور بیندازد (#79362)
• [Feature] اضافه کنید onInvalidate به router.prefetch (#77880)
• [Feature] اضافه کنید prefetch="auto" به عنوان نام مستعار از prefetch={undefined} برای پیوند (#78689)
• [Feature] پشتیبانی فراداده در سراسری-نافتاده (#78961)
• [Feature] راه اندازی مجدد سرور توسعه از پوشش اشکال (#80060)
• [Feature] راه اندازی مجدد سرور توسعه از تنظیمات برگزیده نشانگر (#80072)
• [Feature] اضافه کنید --debug-prerender گزینه برای next build (#80667)
• [Feature] افزودن htmlrewriter به سرورهای خارجی (#80819)
• [Feature] اجازه پیش نمایش جزئی مسیرهای پویا به دام افتاده (#80851)
• [Performance] فایل های SWC را قبل از کامپایلر React بررسی کنید (#75605)
• [Performance] بهبود عملکرد تولید مسیر استاتیک و مدیریت پارامترها (#81254)
• [Misc] درستش کن NEXT_CPU_PROF استفاده در حین توسعه برای ثبت ردیابی CPU (#81248)

بازخورد خود را به اشتراک بگذارید و به شکل گیری آینده Next.js کمک کنید:

Next.js نتیجه کار مشترک بیش از 3000 توسعه دهنده فردی است. این نسخه توسط:

• این Next.js تیم: اندرو، بن، هندریک، یانکا، جیاچی، جیمی، جیوون، جی جی، جاش، جود، راب، سم، سباستین، سبی، وایات و زک.
• این پکیج توربو تیم: بنجامین، دانی، جاش، لوک، مایا، نیکلاس، تیم، توبیاس و ویل.
• این Next.js Docs تیم: دلبا، ریچ، اسماعیل، جوزف و لی.

با تشکر فراوان از @sokra، @huozhi، @Marukome0743، @mischnic، @wbinnssmith، @eps1lon، @razzeee، @delbaoliveira، @kdy1، @wyattjoh، @acdlite، @ztanner، @bgw، @jantimon، @lubieonger, ff@ @Cy-Tek، @timneutkens، @raunofreiberg،، @M4xymm، @jirihofman، @vicb، @jackwilson323، @SyMind، @kevva، @xyf7، @gaojude، @dario-piotrowicz، @2mastoj، @nicolelourd, @pitoj، @nicolelourd7 @icyJoseph، @xusd320، @fireairforce، @GenhaoLi، @igas، @Macw07، @amannn، @bcdipesh،، @schoenwaldnils، @remcohaszing، @HerringtonDarkholme، @bgub، @MohamPruzan، @RobPruzan، @RobPruzan، @l. @aacosta11، @vercel-release-bot، @maral، @ethanniser، @MichalMoravik، @rajrawat37، @kidonng، @dnhn، @kristian240، @rachnac-emeritus، @rortan134 و @nick20name17 برای کمک!