16.x রিলিজগুলির মধ্যে, Next.js একটি নতুন প্রোগ্রামিং মডেল প্রস্তুত করেছে যা App Router-এর ব্যথা সমাধান করে: দ্রুত প্রারম্ভিক লোড, অভিযোক্তা নেভিগেশন এবং ঐচ্ছিক ডিক্লেরেটিভ ক্যাশিং। এই মডেলটি ক্যাশ কম্পোনেন্টগুলি নামে পরিচিত এবং এটি Next.js 17-এ ডিফল্ট হবে। এই রিলিজের আগে, এটি পারফরম্যান্স বাধার কারণে সর্বজনীনভাবে সুপারিশ করা হত না। 16.4-এর কী ফিচারগুলি এই বাধাগুলি বন্ধ করে দেয়, যা Next.js ক্যাশ কম্পোনেন্টগুলিকে প্রতিটি অ্যাপের জন্য সেরা পছন্দ করে তুলতে সক্ষম করে। 16.4 থেকে, সব নতুন অ্যাপগুলি create-next-app ব্যবহার করে তৈরি করা হলে ক্যাশ কম্পোনেন্টগুলি ডিফল্টভাবে সক্রিয় করা হয়। নতুন প্রকল্পগুলি এই মডেলটি সহজে গ্রহণ করতে পারে। বিদ্যমান অ্যাপগুলির জন্য, নতুন `next upgrade --agent` কমান্ড ভার্সন-নির্দিষ্ট গাইডেন্স এবং ক্যাশ কম্পোনেন্টগুলি গ্রহণ করার জন্য প্রয়োজনীয় রিফ্যাক্টরিংয়ের জন্য বিশেষ Skills হেল্প এজেন্টগুলি প্রদান করে। 16.4 সাথে সব অ্যাপগুলির জন্য বক্স-আউট উন্নয়নগুলি অন্তর্ভুক্ত আছে: ডেভেলপমেন্টে কম মেমরি ও ডিস্ক ব্যবহার, কম কম্পাইল সময়, ছোট প্রোডাকশন বান্ডল এবং React 19.3। ক্যাশ কম্পোনেন্টগুলি একটি সেট ফিচার যা ডেভেলপারদের একটি কম্পোনেন্ট ট্রির নির্দিষ্ট অংশগুলিকে ক্যাশ করার জন্য যোগ্য করার জন্য অনুমতি দেয়। 'use cache' অ্যানোটেশন ব্যবহার করে, Next.js ক্লায়েন্ট নেভিগেশনগুলির সময় কম্পোনেন্ট UI কে ক্যাশে সংরক্ষণ করে এবং ঐচ্ছিকভাবে রেন্ডারিং বা বিল্ডের সময় সার্ভারে ক্যাশ করে। এই কম্পোজেবল অ্যানোটেশনগুলি ক্লায়েন্ট-সাইড ক্যাশিং, প্লাগ-ইন সার্ভার-সাইড ক্যাশিং এবং রিকোয়েস্ট-টাইম রেন্ডারিংয়াকে একক পেজের মধ্যে মেশায়, পূর্বের App Router সংস্করণগুলির ইম্প্লিসিট ক্যাশিং বেহেভিয়ারকে বদলে দেয়। একটি হ্যাল্ট ফিচার পেজগুলিকে একক সার্ভার রেসপন্সে স্ট্যাটিক ও ডাইনামিক কন্টেন্ট স্ট্রিম করতে দেয়, যা স্পিড কমায় না কেয়ে জটিল UI তৈরি করতে সক্ষম করে। পূর্ণ ভাবে স্ট্যাটিক পেজগুলির জন্য, নতুন Static অপশন রুটের শেল, প্রিফেচ বা নেভিগেশন স্ট্যাটিক হিসাবে গ্যারেন্ট করে, সাথে ডাইনামিক কম্পোনেন্টগুলি অপ্রত্যাশিকভাবে পারফরম্যান্স বা কস্ট বৈশিষ্ট্যগুলি ডগ্রেড করা নিরোধ করে।
উৎস: Hacker News · সারাংশ: HeadlinesBriefing