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

ඇංගුලර් SSR + Supabase භාවිතයෙන් 300+ පාඩම් සමග කේත ඉගෙනුම් වෙබ් අඩවියක් නිර්මාණය

ඇංගුලර් SSR + Supabase භාවිතයෙන් 300+ පාඩම් සමග කේත ඉගෙනුම් වෙබ් අඩවියක් නිර්මාණය

DevInHyderabad නමින් නවීන, නොමිලේ ලබාගත හැකි කේත පාඩම් වෙබ් අඩවිය, 7 පාඨමාලා 300කට අධික පාඩම් සමඟ, තනි සංවර්ධකයෙකු විසින් සම්පූර්ණයෙන්ම නොමිලේ තලයන් (free‑tier) භාවිතා කර නිර්මාණය කරන ලදී.

මෙම ව්‍යාපෘතියේ පසුබැසි සැලැස්ම Angular 21 (SSR + Signals) ඉදිරිපස, Node/Express සහ Supabase (Postgres) පසුබැසියයි. ඉදිරිපස Vercel වෙත, පසුබැසිය Render වෙත තැන්පත් කර, ඉන්ෆ්‍රාස්ට්‍රක්චරයට කිසිදු වියදමක් නොමැතිව පවත්වා ඇත.

තීරණ 1 – එකම ඩයිනමික රූට් – 300+ පාඩම් සඳහා 150+ රූට් නිර්මාණය කිරීම අතිශය කාර්යබර විය. ඒ වෙනුවට courses/:course/:chapter යන එකම ඩයිනමික රූට් එකක් නිර්මාණය කර, පාඩම් දත්ත TypeScript මැප් ගොනු වලින් ලබා ගෙන, ඒ අනුව පේජ් එක පෙන්වයි. නව පාඩමක් එකතු කිරීමේදී රූට් එකක් නොබැඳී, දත්ත ඇතුළත් කිරීම පමණයි.

තීරණ 2 – SEO සඳහා SSR අත්‍යවශ්‍ය – සර්ච් එන්ජින් වලින් අඩවිය කියවීමට නොහැකි නම්, එය අරුතක් නැත. Angular SSR මගින් සෑම පාඩමක්ම සර්වර් පාර්ශ්වයේ HTML ලෙස ජනනය කර, Google වැනි බොට්ස් සෘජුයෙන් පාරිභෝගිකයන්ට පෙන්වයි. මෙය SEO ශ්‍රේණිගත කිරීමේදී විශාල වෙනසක් ගෙන එයි. SSR සමඟ ඇති ගැටළු, උදාහරණයක් ලෙස localStorage නොලැබීම, ඒ සඳහා ප්ලැට්ෆෝම් පරීක්ෂා කරන helper functions භාවිතා කළා.

තීරණ 3 – Supabase සමඟ Auth සහ දත්ත කළමනාකරණය – Supabase මගින් PostgreSQL, Google OAuth, Email Auth සියල්ල නොමිලේ ලබා ගත හැකි විය. ආරම්භක අවස්ථාවේ auth සේවකයෙහි දෝෂයක් නිසා confirmation link ක්‍රියා නොකරන ගැටළුවක් පෙනී ගියේය; ඒ නිසා සියලු auth ඇමතුම් එක SupabaseService එකකට ඒකාබද්ධ කර, ප්‍රතිඵලය { success, sessionCreated } ලෙස ලබා දීමෙන් ගැටළුව විසඳා ගත්තා.

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

මෙම ව්‍යාපෘතිය ශ්‍රී ලංකාවේ තරුණ සංවර්ධකයන්ට, අධ්‍යාපන ආයතනවලට හා ව්‍යාපාරිකයන්ට විශාල ප්‍රයෝජන ලබා දේ.

  • නොමිලේ උපාධි පාඨමාලා – සිසුන්ට ගුණාත්මක කේත පාඩම් නොමිලේ ලබා ගත හැකිය.
  • SSR සහ SEO පදනම – දේශීය වෙබ් අඩවි SEO කුසලතා ඉගෙන ගැනීමට නිරූපණයක්.
  • Supabase Free‑Tier – ව්‍යාපාරිකයන්ට අඩු පිරිවැයෙන් පසුබැසි සේවා පදනමක් ගොඩනැගීමට ආකෘතියක්.
  • ඩයිනමික රූට් නිර්මාණය – බහු පාඩම් අඩවි සංවර්ධනයේ කාර්යක්ෂමතා වැඩි කිරීම.

මෙම අඩවිය devinhyderabad.com හි සජීවීව පවතී. තනි සංවර්ධකයෙකුගේ කුසලතා, නිදහස් තලයන් හා කාර්යක්ෂම තීරණ මඟින්, විශාල, SEO‑සහිත පළපුරුදු පළතුරු ලබා දීමට හැකි බව මේ උදාහරණය පෙන්වයි.

ඔබට SSR සැකසුම්, sitemap ජනන ක්‍රමය හෝ Supabase භාවිතය ගැන වැඩි විස්තර අවශ්‍ය නම්, අදහස් දෙන්න.

💡 ඔබත් නොමිලේ කේත පාඩම් අත්කරගෙන බලන්න!
මූලාශ්‍රය මෙම ලිපිය AI මගින් රචිත මුල් සාරාංශයකි. සම්පූර්ණ වාර්තාව කියවන්න:
Dev.to ↗
#Angular #SSR #Supabase #FreeTier #CodingCourses