Vercel Next.js 16.3 রিলিজ করেছে, যেখানে Turbopack এবং Partial Prerendering-কে পরীক্ষামূলক পর্যায় থেকে সরিয়ে প্রোডাকশন-রেডি মোডে নিয়ে আসা হয়েছে। এই আপগ্রেডটি মাঝারি আকারের অ্যাপের জন্য বিল্ড স্পিড দুই থেকে পাঁচ গুণ বাড়িয়ে দেবে এবং Time to Interactive (TTI)-এর সময় ৪০-৬০% কমিয়ে আনবে—যা দ্রুত ফিচার রিলিজ করতে চাওয়া যেকোনো টিমের জন্য একটি বড় সুবিধা।
কেন এই পরিবর্তনটি এখন গুরুত্বপূর্ণ
Next.js দীর্ঘকাল ধরে ডেভেলপমেন্ট এবং প্রোডাকশন বিল্ডের জন্য Webpack-এর ওপর নির্ভর করে আসছে, যা JavaScript দিয়ে লেখা একটি JavaScript বান্ডলার। গত এক বছরে Vercel টিম Turbopack-কে আরও উন্নত করেছে, যা একটি Rust-ভিত্তিক বিকল্প এবং এটি মেমরি ব্যবহার কমায় ও বিল্ড স্পিড বাড়ায়। একই সাথে তারা Partial Prerendering (PPR)-কে স্ট্যাটিক HTML এবং ডাইনামিক কন্টেন্টের সমন্বয় ঘটানোর একটি উপায় হিসেবে পরীক্ষা করেছে, তবে ডেভেলপারদের এটি একটি "opt-in-experiment" হিসেবে ব্যবহার করতে হতো। এখন উভয়কেই স্ট্যাবল হিসেবে ঘোষণা করার মাধ্যমে, Vercel প্রোডাকশন টিমগুলোকে কোনো রকম পরীক্ষা-নিরীক্ষা ছাড়াই একটি তৈরি পারফরম্যান্স আপগ্রেড দিচ্ছে।
Turbopack এখন স্ট্যাবল
- Speed: মাঝারি আকারের রিপোজিটরিতে প্রোডাকশন বিল্ড এখন দুই থেকে পাঁচ গুণ দ্রুত চলে।
- Memory: এটি বড় কোডবেসের ওপর মেমরি প্রেসার কমায়।
- Activation:
next.config.js-এturbo: trueযোগ করলেই এটি চালু হয়ে যাবে।
তবে এর একটি সীমাবদ্ধতা রয়েছে। Turbopack-এর জন্য Node 18.17 বা তার পরবর্তী ভার্সন প্রয়োজন, এবং প্রজেক্টে ব্যবহৃত যেকোনো কাস্টম Webpack প্লাগইন Turbopack-এর অধীনে কাজ করবে না। যেসব টিমের অনেক বেশি প্লাগইন পাইপলাইন রয়েছে, তাদের এই ফিচারটি চালু করার আগে সেই এক্সটেনশনগুলো অডিট বা পুনরায় লিখতে হবে।
Server Actions এখন আরও সহজতর হয়েছে
Server Actions—যে ফাংশনগুলো সার্ভারে চলে কিন্তু ক্লায়েন্ট থেকে কল করা হয়—এখন আরও উন্নত TypeScript ইন্টিগ্রেশন উপভোগ করবে। কম্পাইলার স্বয়ংক্রিয়ভাবে টাইপ অনুমান (infer) করতে পারে, ফলে ডেভেলপারদের হাতে টাইপ অ্যানোটেশন লেখার প্রয়োজন নেই। এটি নেস্টেড অবজেক্ট এবং Zod স্কিমাকেও এন্ড-টু-এন্ড বুঝতে পারে, যা রানটাইম মিসম্যাচ কমায়। নতুন ফাইল-সিস্টেম কনভেনশনগুলো অ্যাকশন রেজোলিউশনকে আরও স্পষ্ট করে তোলে, যা ডেভেলপারদের অস্পষ্ট ইমপোর্ট থেকে হওয়া সূক্ষ্ম বাগ এড়াতে সাহায্য করে।
Partial Prerendering (PPR) এখন প্রোডাকশন-রেডি
PPR একটি সিঙ্গেল পেজকে এমনভাবে কাজ করতে দেয় যেখানে যে অংশগুলো কখনো পরিবর্তন হয় না সেগুলোর জন্য স্ট্যাটিক HTML সার্ভ করা হয় এবং ডাইনামিক অংশগুলো আলাদাভাবে হাইড্রেট (hydrate) করা হয়। স্ট্যাটিক মার্কআপটি তাৎক্ষণিকভাবে প্রদর্শিত হয়; এরপর ব্যাকগ্রাউন্ড ফেচিংয়ের মাধ্যমে ইন্টারঅ্যাক্টিভ অংশগুলো সক্রিয় হয়ে ওঠে। এই পদ্ধতিটি Time to Interactive (TTI)-কে ৪০–৬০% পর্যন্ত উন্নত করে।
PPR ইমপ্লিমেন্ট করা খুবই সহজ: বিদ্যমান স্ট্যাটিক জেনারেশন API ব্যবহার করে স্ট্যাটিক অংশগুলোকে চিহ্নিত করুন এবং ডাইনামিক অংশগুলোকে ক্লায়েন্ট-সাইড রেন্ডারিংয়ের জন্য ছেড়ে দিন। যেহেতু স্ট্যাটিক HTML একটি পূর্ণাঙ্গ ডকুমেন্ট হিসেবে আসে, তাই কোনো JavaScript চলার আগেই ব্রাউজার রেন্ডারিং শুরু করতে পারে, যা ধীরগতির নেটওয়ার্কের ক্ষেত্রে পারফরম্যান্সের অনুভূতি বাড়িয়ে দেয়।
অন্যান্য উল্লেখযোগ্য পরিবর্তনসমূহ
- Image optimization: এখন LCP (Largest Contentful Paint) ইমেজের জন্য
fetchPriorityসেট করা সম্ভব, যা নিশ্চিত করে যে ব্রাউজার প্রথমে হিরো ইমেজটি ফেচ করবে। - Font handling:
next/fontস্বয়ংক্রিয়ভাবে ক্যারেক্টার সাবসেট করে, যা অতিরিক্ত কনফিগারেশন ছাড়াই পেলোড সাইজ কমিয়ে দেয়। - Middleware: এর ম্যাচিং ইঞ্জিনটি Rust-এ পুনরায় লেখা হয়েছে, যা দ্রুত রুট চেক নিশ্চিত করে। Middleware এখন পূর্ণাঙ্গ HTML রেসপন্সও রিটার্ন করতে পারে, যা এজ-রেন্ডারড (edge-rendered) পেজের পথ প্রশস্ত করে।
টিমের জন্য তাৎক্ষণিক পদক্ষেপসমূহ
- Turn on Turbopack ডেভেলপমেন্ট মোডে চালু করুন;
turboফ্ল্যাগ সেট করার পর এটি প্রোডাকশনেও একইভাবে কাজ করবে। - Upgrade Node করুন ভার্সন 20 বা তার বেশি।
- Review Server Actions টাইপ-ইনফারেন্সের সুবিধার জন্য; যে ম্যানুয়াল অ্যানোটেশনগুলো এখন আর প্রয়োজন নেই সেগুলো সরিয়ে ফেলুন।
- Pilot Partial Prerendering সাইটজুড়ে চালু করার আগে TTI উন্নতির মাত্রা পরিমাপ করতে একটি হাই-ট্রাফিক রুটে এটি পরীক্ষা করে দেখুন।
সতর্কতা এবং সীমাবদ্ধতা
পারফরম্যান্সের এই উন্নতি নতুন রানটাইম প্রয়োজনীয়তা পূরণের ওপর নির্ভর করে। যেসব প্রজেক্ট পুরনো Node ভার্সনে আটকে আছে বা প্রচুর কাস্টম Webpack প্লাগইন ব্যবহার করে, তারা সমস্যার সম্মুখীন হতে পারে।
সারকথা: Next.js 16.3 ডেভেলপারদের একটি প্রোডাকশন-গ্রেড, Rust-চালিত বান্ডলার এবং স্ট্যাটিক ও ডাইনামিক কন্টেন্টের সমন্বয় করার একটি প্রমাণিত পদ্ধতি দিচ্ছে। এখন নতুন ডিফল্টগুলো গ্রহণ করুন, সামঞ্জস্যতার ঘাটতিগুলো ঠিক করুন, এবং আপনি দেখতে পাবেন যে বিল্ড দ্রুত শেষ হচ্ছে এবং এন্ড-ইউজারদের জন্য পেজগুলো উল্লেখযোগ্যভাবে আরও দ্রুত ও মসৃণ হচ্ছে।