වර්ෂ ගණනාවක් තිස්සේ SPA (Single Page Application) ආකෘතිය භාවිතා කරන වෙබ් අඩවි, බ්රවුසරයට බරපතල JavaScript ගොනු යවන නිසා පටන්ගත වේලාව අඩු නොවීය. බ්ලොග් ලැයිස්තුවක් පමණක් පෙන්වන්නත්, markdown පාර්ස් කිරීමක් කරගන්නත්, එම කාර්යයන් සඳහා අවශ්ය පුළුල් ලයිබ්රරීස් බ්රවුසරයට බාගත වීමට සිදු විය.
Smart Tech Devs ආයතනයේ ඉංජිනේරුවන්, Next.js App Router තුළ React Server Components (RSC) යොදාගෙන, මෙම බරපතල කේතය සර්වරයෙහි පමණක් රඳවා, ග්රාහක පාර්ශවයට අවශ්ය JavaScript පමණක් යවන නව ආකෘතියක් අත්හදා බැලීය. මෙයින් බ්රවුසරයේ බන්ඩලය බොහෝමයක් කුඩා වන අතර, පළමු පිටුවේ ලෝඩ් වේලාව ඉතා වේගවත් වේ.
RSC වල ප්රධාන සංකල්පය නම්, Next.js App Router තුළ නිර්මාණය කරන කොම්පෝනන්ට් බොහොමයක් Server Component ලෙසින් ක්රියා කරයි. ඒවා client‑side hydration එකක් නොකරන බැවින්, ඒවායේ JavaScript එකත් සමඟ බ්රවුසරයට යවන අවශ්යතාව නැත. උදාහරණයක් ලෙස, දත්ත ගබඩාවක් සම්බන්ධ කර, date-fns වැනි දිනය සැකසීමේ ලයිබ්රරියක් භාවිතා කරන Admin Dashboard එකක් සර්වරයේම ක්රියාත්මක කර, client‑side එකට කිසිදු බරපතල කේතයක් නොයැවීමේ හැකියාව ඇත.
ඇතැම් UI අංග, උදාහරණයක් ලෙස Like බොත්තමක් වැනි, පරිශීලක අන්තර්ක්රියා අවශ්ය වන විට පමණක් use client නාමාවලියක් ඇතුළත් කර client‑side bundle එකට ඇතුළත් කරයි. මෙයින් JavaScript පරිමාණය අතිශය අඩු කර, SEO වැඩිදියුණු කර, තරුණ පරිශීලකයින්ටත්, අඩු තරඟකාරී මොබයිල් දුරකථන වලටත් වේගවත් අත්දැකීමක් ලබා දේ.
ශ්රී ලංකාවට ඇති වැදගත්කම
- දෙවන පරම්පරාවේ සංවර්ධකයින්ට Server Component මූලික තත්ත්වය ඉගෙන ගත හැකි නිසා, තාක්ෂණික දක්ෂතා ඉහළ යයි.
- ලොකු JavaScript bundle වලින් පසුබැසී, ශ්රී ලංකාවේ අඩු වේගයේ අන්තර්ජාලය භාවිතා කරන පරිශීලකයින්ටත් වේගවත් වෙබ් අඩවි ලබා ගත හැක.
- ව්යාපාරික වෙබ් යෙදුම්වල SEO වැඩිවීමෙන්, ගූගල් සෙවුම් තලයේ ඉහලින් පෙනෙනවා, එය ආදායමට සහ පාරිභෝගික ප්රතිචාරයට වඩාත් ප්රයෝජනවත් වේ.
- API layer එකක් අවශ්ය නොවීමෙන්, සංවර්ධන කාලය හා පිරිවැය අඩු කර, ස්ථානයේ පවත්නා IT සමාගම්ට තරඟකාරී ලාභයක් ලැබේ.
සාරාංශයෙන්, React Server Components භාවිතයෙන් Next.js වෙබ් අයදුම්පත් නිර්මාණය කිරීම, JavaScript බර අඩු කර, පරිශීලක අත්දැකීම වඩාත් සුගත කරයි. ශ්රී ලංකාවේ තාක්ෂණික ප්රගතියේ නව මට්ටමක් ලෙස, මේ නව ආකෘතිය ඉදිරියේදී වැඩි වශයෙන් අනුගමනය වනු ඇත.
