ශ්‍රී ලංකාවේ නවතම තාක්ෂණික පුවත් 2026-07-23, Thursday
💻 ක්‍රමලේඛනය · 🕒 කියවීමට විනාඩි 2 · 👁 1

Next.js 16 නව Cache Components – ස්ථිර, කෑෂ් සහ ඩයිනමික් අන්තර්ගතයක් එකම පිටුවේ

Next.js 16 නව Cache Components – ස්ථිර, කෑෂ් සහ ඩයිනමික් අන්තර්ගතයක් එකම පිටුවේ

Next.js 16 නව සංස්කරණය සමඟ Cache Components නමින් අලුත් විශේෂයක් හඳුන්වා දී ඇත. මෙයින් එක් රවුට් එකක් තුළ ස්ථිර HTML, කෑෂ් කරන ලද දත්ත, සහ රියල්‑ටයිම් ඩයිනමික් අන්තර්ගතය මිශ්‍රව ප්‍රදර්ශනය කළ හැකිවීමේ හැකියාව ලැබේ. පරණ unstable_cache සහ experimental.ppr වැනි අස්ථායි සැකසුම් ඉවත් කර, use cache නියෝගය හා cacheComponents: true එකම සක්‍රිය කිරීමෙන් සියල්ලක් සම්පූර්ණයෙන්ම ස්ථාවර කර ඇත.

Cache Components සක්‍රිය කළ පසු, ඔබේ පිටුවේ සෑම කොටසක්ම තිහක් වර්ගයකට වැටෙයි:

  • Static – සින්ක්‍රෝනස් කේතය, import කර ඇති module, පූර්ණ markup. Build කාලයේම CDN එකට දමනු ලැබේ, එබැවින් පරිශීලකයාට වහාම පෙනේ.
  • Cached – async ලෙස ලබා ගන්නා දත්ත, නිතර නවීකරණය නොකරන තැන. use cache නියෝගය හා cacheLife මඟින් කාලය සකස් කරයි. නිෂ්පාදන ලැයිස්තු, බ්ලොග් පෝස්ට්, සංඛ්‍යාත වාර්තා වැනි දේ සඳහා සුදුසු.
  • Dynamic – පරිශීලක‑විශේෂ cookie, header, session තොරතුරු වැනි නවීකරණය අවශ්‍ය දත්ත. Suspense තුළ ගැලපී, shell පේජ් එක පෙන්වා දී, පසුපසින් තත්කාලිකව පූරණය වේ.

උදාහරණයක් ලෙස DashboardPage එකේ header (static) එක වහාම CDN එකෙන් ලැබෙයි, Stats (cached) එක පැය 1කට එකවර නවීකරණය කරයි, සහ Notifications (dynamic) එක පරිශීලකගේ ID අනුව රියල්‑ටයිම් දත්ත ගෙන එයි. මේ නිසා පේජ් එකේ අඩුම ප්‍රතිචාර කාලයක් ලබා ගත හැක.

ශ්‍රී ලංකාවට ඇති වැදගත්කම

ලංකාවේ තාක්ෂණික විශේෂඥයින්, විද්‍යාල සිසුන්, සහ ව්‍යාපාර සඳහා මෙම නවීනකරණය ගෙනෙන ප්‍රතිලාභ පහත පරිදි වේ:

  • වෙබ් යෙදුම් වේගය වැඩිවීම – CDN‑හි static shell එක තත්කාලිකව පෙන්වීම නිසා පරිශීලකයන්ට අඩු ලෝඩ් කාලයක් ලබා දේ.
  • සේවා පිරිවැය අඩුවීම – කෑෂ් කරන ලද දත්ත තැන්පත් කිරීමෙන් DB query ගණන අඩුවේ, එමනිසා හෝස්ට් වියදම් ඉතිරි වේ.
  • ඉගෙනුම් වගකීම් පහසු කිරීම – use cache සහ cacheLife නියෝගයන් සරල වචන වලින් භාවිතා කළ හැකි බැවින් Next.js පදනම් කරගත් පාඨමාලා හා වැඩමුළු සකස් කිරීම සරල වේ.
  • ව්‍යාපාරික අඩවි වල SEO වර්ධනය – static හා cached අංශයන් ඉක්මණින් ලබා දීමෙන් Google PageSpeed Insights අගය ඉහළ යයි.

එමනිසා, ලංකාවේ startups සහ ඉ-කොමර්ස් වෙළඳපලේ ක්‍රියාත්මක වන සංවර්ධකයින්ට මේ නවීකරණය අත්‍යවශ්‍ය තාක්ෂණික පදනමක් බවට පත්වේ.

සාරාංශයෙන්, Next.js 16 හි Cache Components එකතුව, කේත ලියන ආකාරය සරල කරයි, පේජ් වේගය වැඩි කරයි, සහ ශ්‍රී ලංකාවේ තාක්ෂණික පරිසරය තවත් ඉදිරියට ගෙන යාමේ පදනමක් සපයයි.

💡 Next.js 16 හි නව Cache Components සමඟ ඔබේ වෙබ් යෙදුම වේගවත් කරගන්න!
මූලාශ්‍රය මෙම ලිපිය AI මගින් රචිත මුල් සාරාංශයකි. සම්පූර්ණ වාර්තාව කියවන්න:
Dev.to ↗
#Next.js #CacheComponents #Performance #React #SriLankaTech