NextJS ফ্রেমওয়ার্ক হিসেবে ওয়েবসাইট ইঞ্জিন

সেই প্রাচীন সময়ে, যখন ইন্টারনেট শুধুমাত্র আবির্ভূত হচ্ছিল, ওয়েবসাইটগুলি তৈরি করা হত খাঁটি HTML এ। যাইহোক, এটি কিছুটা অসুবিধাজনক। তাই দেখা দেয় বিশেষ প্রোগ্রাম, যা লেখা হয় ব্যাকএন্ডের যেকোনো একটি ভাষায় (PHP, NodeJS ইত্যাদি), যা ওয়েবসাইট ডেভেলপমেন্ট সহজ করে। ওয়েবসাইটের কাজকর্ম সমর্থনকারী প্রোগ্রামটিকে ওয়েবসাইট ইঞ্জিন বলা হয়।

আলোচনা করা যাক, খাঁটি HTML এ তৈরি ওয়েবসাইটের সমস্যাগুলো কী, কীভাবে এই সমস্যাগুলোর মোকাবিলায় ইঞ্জিনগুলি সাহায্য করে এবং NextJS এখানে কীভাবে relevant.

ধরুন আপনার কাছে খাঁটি HTML এ তৈরি একটি বহু-পৃষ্ঠার ওয়েবসাইট রয়েছে। ওয়েবসাইটের প্রতিটি পৃষ্ঠায় আপনার একই অংশগুলি থাকবে (উদাহরণস্বরূপ, হেডার, ফুটার, সাইডবার) এবং আলাদা অংশগুলি (পৃষ্ঠার কন্টেন্ট, এর শিরোনাম)।

ধরুন আপনাকে একটি নির্দিষ্ট পরিবর্তন আনতে হবে, বলুন, ওয়েবসাইটের হেডারে। এই ক্ষেত্রে আপনাকে সেই হেডার যুক্ত সমস্ত ফাইলে সম্পাদনা আনতে হবে। এটি, অবশ্যই, খুব সুবিধাজনক নয়।

সেইজন্য আধুনিক ওয়েবসাইটগুলি কাজ করে ইঞ্জিনের উপর। ইঞ্জিনগুলি একটি বিশেষ পদ্ধতি ব্যবহার করে। এই পদ্ধতির সারমর্ম হলো যে, ওয়েবসাইটের একটি সাধারণ লেআউট সহ একটি ফাইল তৈরি করা হয়। এই ফাইলে ওয়েবসাইটের সাধারণ অংশগুলি থাকবে।

অনুরোধকৃত URL এর উপর নির্ভর করে লেআউটের একটি বিশেষ স্থানে ওয়েবসাইটের কন্টেন্ট, সেই URL এর সাথে সঙ্গতিপূর্ণ, সন্নিবেশিত হবে।

পৃষ্ঠার কন্টেন্ট ছাড়াও সাধারণত শিরোনামও পরিবর্তিত হয়। এক্ষেত্রে কন্টেন্ট এবং শিরোনাম লেআউটের বিভিন্ন স্থানে সন্নিবেশিত হয়। এটিও নিশ্চিত করে ওয়েবসাইট ইঞ্জিন।

যদি আমাদের জন্য SEO গুরুত্বপূর্ণ হয়, তাহলে প্রতিটি পৃষ্ঠার জন্য আমাদের নিজস্ব মেটা বিবরণ থাকা উচিত। এটিও অবশ্যই লেআউটের নিজস্ব স্থানে সন্নিবেশিত হতে হবে।

NextJS ফ্রেমওয়ার্ক বর্ণিত পদ্ধতিতে কাজ করে। অর্থাৎ এটি আমাদের ওয়েবসাইটের ইঞ্জিন। তদনুসারে আমাদের কোথাও একটি বিশেষ ফাইল আছে, যাতে ওয়েবসাইটের সাধারণ লেআউট রয়েছে। এই পাঠ্যপুস্তকের এই বিভাগে আমরা এর অধ্যয়ন নিয়েই মনোনিবেশ করব।