NextJS හි දියුණු මෙනුවක්

පෙර පාඩමේදී අපි සාමාන්‍ය සබැඳිවලින් සාදන ලද මෙනුවේ ගැටළුව සාකච්ඡා කළෙමු. NextJS මෙම ගැටළුව විසඳාගෙන සබැඳියක් මත ක්ලික් කිරීමෙන් සම්පූර්ණ පිටුව නැවත අළුත් වීමක් සිදු නොවන පරිදි කළ හැකිය. කාර්ය සාධනය ප්‍රශස්ත කිරීම සඳහා වෙනස් වූ කොටස පමණක් Ajax හරහා ලබා ගනු ඇත.

මෙය සඳහා සාමාන්‍ය සබැඳි වෙනුවට අපි විශේෂ Link සංරචකය භාවිතා කරන්නෙමු. එය ආයාත කරමු:

/src/comps/menu/menu.jsximport Link from 'next/link';

දැන් අපගේ මෙනුව මෙම සංරචකය හරහා නැවත සකස් කරමු:

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