NextJS හි සාමාන්ය මෙනුවක ඇති ගැටලුව

පෙර පාඩමේදී අපි සාදා ගත්තෙ සාමාන්ය සබැඳි වලින් සාදන ලද මෙනුවක්:

/src/comps/menu/menu.jsxexport default function Menu() {
  return <>
    <a href="/">මුල් පිටුව</a>
    <a href="/about">ගැන</a>
    <a href="/price">මිල</a>
    <a href="/contacts">සම්බන්ධතා</a>
  </>;
}

දැන් අපි මේ සම්බන්ධ ඇති ගැටලු කිහිපයක් සාකච්ඡා කරමු. කාරණය එයින් මෙන්න, මෙම මෙනුවේ සබැඳි හරහා ගමන් කිරීමෙන් සමස්ත පිටුවම නැවත ලබා ගැනීමක් සිදු වේ. SEO දෘෂ්ටි කෝණයෙන් මෙය නිවැරදිය, නමුත් කාර්ය සාධනයේ දෘෂ්ටි කෝණයෙන් ඉතා අනුකූල නොවේ. කාරණය එයින් මෙන්න, පිටුව නැවත ලබා ගන්නා විට අපි නැවත වරක් වෙබ් අඩවියේ සම්පූර්ණ පිරිසැලසුම බාගත කරනවා, එහි අන්තර්ගතය පමණක් වෙනස් වුවද. වඩාත් සුදුසු වන්නේ පිටුවේ අන්තර්ගතය පමණක් බාගත කිරීමයි.

NextJS හි මෙම ගැටලුවට විසඳුමක් අන්තර්ගත කර ඇත. එය අපි ඊළඟ පාඩමේදී සලකා බලමු.