React Server Components (RSC) සහ App Router එකේ නවීකරණයත් සමඟ, Next.js දැන් සර්වර්‑පාර්ශ්ව කෑෂ් පද්ධතියෙන් වැඩි වේගයක් සහ ස්කේලබිලිටි ලබා දෙනවා. කෑෂ් ගැන කතා කරන විට බ්රවුසර‑පාර්ශ්ව කෑෂ් බොහෝ දෙනාට හුරු, නමුත් සර්වර්‑පාර්ශ්ව කෑෂ් පරිපාලනය නිවැරදිව කළොත් වෙබ් ඇප් එකේ ප්රතිචාර වේගය ගුණාත්මකව ඉහළ යයි.
Next.js හි App Router එකේ Full Route Cache නමින් හඳුන්වන මෝඩියුලය, එක් රූට් එකේ React Server Component payload එක සහ ස්ථාවර සම්පත් (static assets) සර්වර් මත කෑෂ් කරයි. පරිශීලකයා ඒ රූට් එකට යන විට, Next.js පළමුව කෑෂ් පරීක්ෂා කර, නවතම සංස්කරණයක් අවශ්ය නොමැති නම් ඒ කෑෂ් කරපු දත්ත පමණක් ලබා දෙයි. මෙය පිටුවේ මුල් ලෝඩ් වේගය සහ නාවිගේශන් වේගය අතිශය වැඩි කරයි. කෑෂ් එක revalidatePath, revalidateTag හෝ නව Deploy එකක් සිදු කරන විට ස්වයංක්රියව අවලංගු වේ.
දෙවන ප්රධාන කෑෂ් මෝඩියුලය Data Cache (Fetch API) වේ. Next.js, Server Component තුල fetch() භාවිතා කරන විට, ඒ අයදුම්පත්රයේ ප්රතිචාරය කෑෂ් කරයි. පූර්වනිර්ණිතව cache: 'force-cache' ලෙස සකසා ඇති නිසා, එකම API අයදුම එකাধিক සමාන කොම්පොනන්ට් වලින් පවා කළාම, Next.js එකම නෙට්වර්ක් ඇමතුමක් සිදු කරයි. කෑෂ් කාලය next: { revalidate: 60 } ලෙස සැකසීමෙන්, තත්පර 60කින් පසු නැවත ලබා ගත හැක, මෙය ISR (Incremental Static Regeneration) වගේම ක්රියා කරයි.
එමෙන්ම, එක් සර්වර් රිකෝස්ට් එක තුළ Request Memoization නමින් හැඳින්වෙන පද්ධතිය ක්රියාත්මක වේ. එකම දත්ත ලබා ගත යුතු ෆන්ක්ශන් එකක් එකাধিক වාරයක් කැඳවුවත්, දත්ත එකවරම ලබා ගෙන, ඊළඟ කොම්පොනන්ට් වලට ඒම දත්ත යොදා ගත හැක. මෙය Data Cache එකේ පවත්නා කෑෂ් වලට වඩා කෙටි කාලීන මතකයක් ලෙස පෙනේ.
ශ්රී ලංකාවට ඇති වැදගත්කම
ශ්රී ලංකාවේ තාක්ෂණ ශිෂ්යයෝ, ස්ථානයේම Next.js පාඨමාලා හෝ වැඩමුළු වලින් මේ නව කෑෂ් තත්ත්වයන් ඉගෙන ගැනීමෙන්, ලෝක මට්ටමේ ප්රයෝගික වෙබ් සංවර්ධන කුසලතාවන් ලබා ගත හැක. කෑෂ් නිසා API ඇමතුම් ගණන අඩුවීම, සේවාදායක පිරිවැය අඩු කිරීම, සහ අඩු latency සමඟ පාරිභෝගික අත්දැකීම වර්ධනය වෙයි. ඒ නිසා ශ්රී ලංකාවේ ඩිජිටල් ආයතන, e‑commerce වෙළඳසැල්, සහ SaaS සමාගම්, අඩු පරිගණක සම්පත් වලින්ම ඉහල ප්රතිචාරයක් ලබා ගත හැක. තවද, මේ තාක්ෂණය open‑source නිසා, දේශීය ඩිවෙලොපර්ලා තමන්ගේ පෞද්ගලික පළාතේ හෝ රජයේ ව්යාපෘති වලට කෑෂ් පද්ධතියක් නිර්මාණය කර, පාරිභෝගික සේවාවන් වේගවත් කර ගත හැක.
Next.js හි මෙම උත්කර්ෂ්ය කෑෂ් පද්ධති, වෙබ් ඇප් සංවර්ධනයේ පාරම්පරික ගැටලු හරහා ඉක්මනින් විසඳුම් ලබා දෙන අතර, ශ්රී ලංකාවේ තාක්ෂණික ආර්ථිකයේ තරඟකාරීත්වය ඉහළ නැංවීමට මඟ පෙන්වයි.
ඔබත් අදම Next.js 13+ සමඟ Full Route Cache සහ Data Cache අත්හදා බැලීමට, ඔබේ ව්යාපෘතිවල ප්රදර්ශන වේගය වැඩි කර ගන්න.
