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

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

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

import Link from 'next/link';

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

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

ඔබගේ මෙනුව Link සංරචකය හරහා නැවත සකස් කරන්න.

මෙනු සබැඳි මත ක්ලික් කිරීමෙන් පිටුව නැවත අළුත් වීමක් සිදු නොවන බවට වග බලා ගන්න.