NextJS-এ সাধারণ মেনুর সমস্যা

পূর্ববর্তী পাঠে আমরা তৈরি করেছি সাধারণ লিঙ্ক থেকে মেনু:

/src/comps/menu/menu.jsxexport default function Menu() {
  return <>
    <a href="/">home</a>
    <a href="/about">about</a>
    <a href="/price">price</a>
    <a href="/contacts">contacts</a>
  </>;
}

এখন এই সম্পর্কিত কিছু সমস্যা নিয়ে আলোচনা করা যাক, এই বিষয়ে। বিষয়টি হলো যে এই মেনুর লিঙ্কে ক্লিক করা সম্পূর্ণ পৃষ্ঠার রিলোড ঘটায়। এটি SEO-এর দৃষ্টিকোণ থেকে সঠিক, কিন্তু কার্যক্ষমতার দৃষ্টিকোণ থেকে খুব সর্বোত্তম নয়। বিষয়টি হলো যে পৃষ্ঠা রিলোড হলে আমরা আবার ডাউনলোড করি সম্পূর্ণ ওয়েবসাইটের লেআউট, যদিও এতে শুধুমাত্র কন্টেন্ট পরিবর্তন হয়। সর্বোত্তম হবে শুধুমাত্র পৃষ্ঠার কন্টেন্ট ডাউনলোড করা।

NextJS-এ এই সমস্যার সমাধান প্রস্তুত করা হয়েছে। এটি আমরা পরবর্তী পাঠে বিবেচনা করব।