2. Next.js App Router
📘 কনসেপ্ট (থিওরি)
Next.js রিঅ্যাক্ট সার্ভার কম্পোনেন্টের ওপর ভিত্তি করে তৈরি অ্যাপ রাউটার (App Router) চালু করেছে।
অ্যাপ রাউটারে, রাউটিং ফাইল সিস্টেমের ওপর ভিত্তি করে হয়।
ফোল্ডারগুলো রাউট নির্ধারণ করে। একটি রাউট হলো নেস্টেড ফোল্ডারগুলোর একটি পথ, যা
app ডিরেক্টরি থেকে শুরু করে একটি page.js ফাইল পর্যন্ত ফাইল-সিস্টেম অনুক্রম (hierarchy) অনুসরণ করে।
- app/page.tsx হলো / রাউট।
- app/dashboard/page.tsx হলো /dashboard রাউট।
layout.tsx, page.tsx, এবং loading.tsx এর মতো ফাইলগুলোর বিশেষ অর্থ রয়েছে।💡 উদাহরণ
নেস্টেড (Nested) রাউট তৈরি করা:
app/
├── page.tsx (রাউট: /)
├── about/
│ └── page.tsx (রাউট: /about)
└── dashboard/
├── page.tsx (রাউট: /dashboard)
└── settings/
└── page.tsx (রাউট: /dashboard/settings)
🎯 আপনার কাজ (প্র্যাকটিস)
কল্পনা করুন আপনি
/blog/first-post এর জন্য পেজ লিখছেন। ডিফল্ট এক্সপোর্ট করা রিঅ্যাক্ট কম্পোনেন্ট FirstPost লিখুন যা My First Post
main.nextjs
Loading...
OUTPUT
Run your code to see the output here...