වෙබ් අඩවි වේගවත් කිරීම සඳහා කෑෂ් කිරීම අත්යවශ්යය, නමුත් එය අසම්භාවී ලෙස පෙනේ නම් ගැටලුවක් විය හැක. Next.js භාවිතා කරන බොහෝ සංවර්ධකයින්ට මේ ගැන අලුත්ම අවබෝධයක් ලැබෙයි.
මගේ අලුත්ම ව්යාපෘතියේ /writing පිටුවේ ලිපි එක් කිරීම හෝ සංස්කරණය කිරීමෙන් පසු, අලුත් අන්තර්ගතය තත්කාලිකව පෙන්වන්නේ නැත. ඒත් තනි ලිපි පිටු වගකීමෙන් යාවත්කාලීන වුණා. මුලින්ම බග් එකක් කියලා සිතුවත්, පරීක්ෂා කිරීමෙන් පසු එය Next.js හි ස්වභාවික කෑෂ් හැසිරීමක් බවට පැහැදිළිය.
Next.js (App Router) නිෂ්පාදන අවස්ථාවේ HTML කෑෂ් එක Edge සර්වර් වල තබා ගනී. ස්ථිරව ප්රි-රෙන්ඩර් කරන පිටු සඳහා Cache‑Control: s‑maxage=31536000 යන හෙඩරය යොදා ගනී, එනම් එක් වසරක් තිස්සේ CDN හෝ Edge කෑෂ් එකෙන් පිටුව සේවය කරයි. බ්රවුසරයේ no‑cache වැනි හෙඩර්වලට මේක ප්රමුඛතාවක් නොදෙයි, එබැවින් ලැයිස්තු පිටුව පරණ අන්තර්ගතය පෙන්වයි.
කෑෂ් පාලනය කිරීම සඳහා Next.js සරල විධාන දෙකක් ලබා දෙයි. පළමුව export const revalidate = 60; ලෙස පිටුවේ කේතයට එක් කරන්නේ නම්, පිටුව 60 තත්පරයක් කෑෂ් කර තබා, ඒ කාලය ඉවර වූ පසු පසුබිමෙන් නව පිටුව ජනනය කරයි. දෙවැනිය, අලුත් ලිපිය සුරැකුම් කරන අවස්ථාවේ import { revalidatePath } from 'next/cache'; revalidatePath('/writing'); ලෙස කෝඩ් එක ඇමතුම් කරයි; මෙයින් කෑෂ් එක තත්කාලිකව අවලංගු කර, පසුගාමී පරිශීලකයන්ට නවතම අන්තර්ගතය දැනගැනීමට හැකියාව ලැබේ.
ශ්රී ලංකාවට ඇති වැදගත්කම
- සිසුන්: කෑෂ් සැකසීමේ මූලිකත්වය ඉගෙන ගනිමින්, වඩා වේගවත් වෙබ් අඩවි නිර්මාණය කළ හැක.
- ඩිවලපර්: Next.js හි ISR (Incremental Static Regeneration) භාවිතයෙන්, අඩු පරිමාණයේ සේවාදායක පවත්වමින්, අඩු වියදමින් වැඩි ප්රතිචාරයක් ලබා ගත හැක.
- ව්යාපාර: කෑෂ් නිසා වෙබ් අඩවියේ ලෝඩ් වේගය ඉහළ යාම, SEO වැඩිවීම සහ පාරිභෝගික අත්දැකීමේ උත්තරදයක් ලබා දේ.
කෑෂ් කිරීමේ ශක්තිය අති විශාලය, නමුත් එය නිවැරදිව සැකසීම නැතිනම් පේජ් පරණ බවක් පෙනේ. Next.js හි රී-වලීඩේෂන් (revalidation) සකස් කිරීමෙන්, කෑෂ් වේගය හා අලුත් අන්තර්ගතය අතර සම්පූර්ණ සමතුලිතතාවක් ලබා ගත හැක. මේ නිසා අපිට වේගවත්, නවීන, සහ ආරක්ෂිත වෙබ් අඩවි නිර්මාණය කිරීමේ අනාගතය තවත් ලාභදායී වේ.
