NextJS ফ্রেমওয়ার্কের কাজের মৌলিক নীতি
পূর্ববর্তী পাঠগুলোতে আমরা NextJS ফ্রেমওয়ার্ক ইনস্টল করেছি এবং এর মৌলিক গঠনের সাথে পরিচিত হয়েছি। এখন মূল কাজে মনোনিবেশ করার সময় এসেছে।
NextJS-এর মূল অংশ হলো রাউটিং। রাউটিং এভাবে কাজ করে: যখন ব্যবহারকারী ব্রাউজারের অ্যাড্রেস বারে কোনো URL টাইপ করেন, তখন NextJS ফ্রেমওয়ার্ক ব্রাউজারে একটি নির্দিষ্ট ফাইল সরবরাহ করবে, যা ঐ URL-এর সাথে সামঞ্জস্যপূর্ণ।
NextJS-এ রাউটিং একটি বিশেষ পদ্ধতিতে সাজানো।
এর মূল要点 হলো যে, প্রতিটি
অনুরোধকৃত URL src/app-এর ভিতরে
একটি নির্দিষ্ট ফোল্ডারের সাথে মিলে যায়।
এক্ষেত্রে ফোল্ডারের ভিতরে অবশ্যই
page.jsx নামের একটি ফাইল থাকতে হবে।
এই ফাইলটিই ব্রাউজারে সরবরাহ করা হবে।
আরও উল্লেখ্য, এই ফাইলে আমরা
JSX-এ কোড লিখব, আর ব্রাউজারে
পৃষ্ঠার সম্পূর্ণ HTML কোড পাঠানো হবে।
একটি উদাহরণ দেখা যাক।
ধরি, আমরা চাই যে /test/ URL-এ
কিছু টেক্সট দেখানো হোক।
সংশ্লিষ্ট ফোল্ডার তৈরি করি: src/app/test।
এই ফোল্ডারের ভিতরে page.jsx ফাইল
তৈরি করি নিম্নলিখিত বিষয়বস্তু সহ:
export default function Test() {
return <h1>hello, user!</h1>;
}
আমাদের URL ব্রাউজারে খুলুন: /test। এবং আপনি JSX ফাইলের ভিতরে আমাদের লেখা টেক্সট দেখতে পাবেন।
টেক্সট পরিবর্তন করে试一试 করুন এবং ফাইল সেভ করুন। তারপর টেক্সট স্বয়ংক্রিয়ভাবে ব্রাউজারেও পরিবর্তিত হবে। ডেভেলপমেন্ট মোডে NextJS এভাবেই কাজ করে।
এভাবে তৈরি করুন যাতে /about ঠিকানায়
অ্যাক্সেস করলে ব্রাউজারে আপনার
নাম ও উপাধি সহ একটি বার্তা প্রদর্শিত হয়।
