9. Next.js Static & Dynamic Rendering
📘 কনসেপ্ট (থিওরি)
**স্ট্যাটিক রেন্ডারিং (ডিফল্ট)**
স্ট্যাটিক রেন্ডারিংয়ের সাথে, রাউটগুলো বিল্ড টাইমে (build time), বা ডেটা রিভ্যালিডেশনের পরে ব্যাকগ্রাউন্ডে রেন্ডার করা হয়। ফলাফলটি ক্যাশে করা হয় এবং একটি CDN এ পুশ করা যেতে পারে। ব্লগ পোস্ট, ডকুমেন্টেশন ইত্যাদির জন্য এটি দরকারি।
**ডাইনামিক রেন্ডারিং**
ডাইনামিক রেন্ডারিংয়ের সাথে, প্রতিটি ব্যবহারকারীর জন্য রিকোয়েস্টের সময় রাউটগুলো রেন্ডার করা হয়। আপনি যদি
cookies(), headers() বা সার্চ প্যারামিটারের মতো ডাইনামিক ফাংশন ব্যবহার করেন তবে এটি ঘটে।
রাউটে ব্যবহৃত বৈশিষ্ট্য এবং API-র উপর ভিত্তি করে Next.js স্বয়ংক্রিয়ভাবে সেরা রেন্ডারিং কৌশল বেছে নেয়।💡 উদাহরণ
একটি ডাইনামিক ফাংশন ব্যবহার করা:
import { cookies } from 'next/headers'
export default function Page() {
// cookies() ব্যবহার করলে এই পেজটি ডাইনামিক রেন্ডারিংয়ে চলে যায়
const cookieStore = cookies()
const theme = cookieStore.get('theme')
return
Theme: {theme?.value}
}🎯 আপনার কাজ (প্র্যাকটিস)
এমন একটি সার্ভার কম্পোনেন্ট লিখুন যা
next/headers থেকে cookies ইম্পোর্ট করে এবং {cookies().get("session")?.value}
main.nextjs
Loading...
OUTPUT
Run your code to see the output here...