NextJS ফ্রেমওয়ার্কের কাজের মৌলিক নীতি

পূর্ববর্তী পাঠগুলোতে আমরা NextJS ফ্রেমওয়ার্ক ইনস্টল করেছি এবং এর মৌলিক গঠনের সাথে পরিচিত হয়েছি। এখন মূল কাজে মনোনিবেশ করার সময় এসেছে।

NextJS-এর মূল অংশ হলো রাউটিং। রাউটিং এভাবে কাজ করে: যখন ব্যবহারকারী ব্রাউজারের অ্যাড্রেস বারে কোনো URL টাইপ করেন, তখন NextJS ফ্রেমওয়ার্ক ব্রাউজারে একটি নির্দিষ্ট ফাইল সরবরাহ করবে, যা ঐ URL-এর সাথে সামঞ্জস্যপূর্ণ।

NextJS-এ রাউটিং একটি বিশেষ পদ্ধতিতে সাজানো। এর মূল要点 হলো যে, প্রতিটি অনুরোধকৃত URL src/app-এর ভিতরে একটি নির্দিষ্ট ফোল্ডারের সাথে মিলে যায়।

এক্ষেত্রে ফোল্ডারের ভিতরে অবশ্যই page.jsx নামের একটি ফাইল থাকতে হবে। এই ফাইলটিই ব্রাউজারে সরবরাহ করা হবে। আরও উল্লেখ্য, এই ফাইলে আমরা JSX-এ কোড লিখব, আর ব্রাউজারে পৃষ্ঠার সম্পূর্ণ HTML কোড পাঠানো হবে।

একটি উদাহরণ দেখা যাক। ধরি, আমরা চাই যে /test/ URL-এ কিছু টেক্সট দেখানো হোক।

সংশ্লিষ্ট ফোল্ডার তৈরি করি: src/app/test। এই ফোল্ডারের ভিতরে page.jsx ফাইল তৈরি করি নিম্নলিখিত বিষয়বস্তু সহ:

src/app/test/page.jsxexport default function Test() {
  return <h1>hello, user!</h1>;
}

আমাদের URL ব্রাউজারে খুলুন: /test। এবং আপনি JSX ফাইলের ভিতরে আমাদের লেখা টেক্সট দেখতে পাবেন।

টেক্সট পরিবর্তন করে试一试 করুন এবং ফাইল সেভ করুন। তারপর টেক্সট স্বয়ংক্রিয়ভাবে ব্রাউজারেও পরিবর্তিত হবে। ডেভেলপমেন্ট মোডে NextJS এভাবেই কাজ করে।