NextJS හි සංචලනය හැඳින්වීම
මෙම පෙළපොත් කොටසෙහි අපි NextJS හි සබැඳි වැඩ කිරීම ගැන කතා කරමු.
පළමුව, අපි සබැඳිවල විශේෂත්වය කුමක්දැයි සාකච්ඡා කරමු. අපි ඒවා වෙබ් අඩවියක් නිර්මාණය කිරීමේ විවිධ ප්රවේශයන් තුළ බලමු.
React හි වෙබ් අඩවිය
ඔබට React හි වෙබ් අඩවියක් ඇතැයි සිතන්න. දන්නා පරිදි, React SPA (තනි පිටු යෙදුම) නියෝජනය කරයි - පරිශීලකයා සැමවිටම එකම පිටුවේ රැඳෙන වෙබ් අඩවියකි. ඔබට React Router සම්බන්ධ කළ හැකි අතර පරිශීලකයා සිතන්නේ ඔහු විවිධ පිටු හරහා ගමන් කරන බවයි, භෞතිකව එක් ගොනුවක ම රැඳී සිටියද.
මේ අතරතුර, පරිශීලකයා සබැඳි මත ක්ලික් කරනු ඇත, ඔහු වෙනත් පිටුවකට යන බව ඔහුට හැඟෙනු ඇත, නමුත් බ්රවුසරයේ වෙබ් අඩවි පිටුව යළි පූරණය නොවනු ඇත - React එය පරිශීලකයා තිරය මත දකින දේ ගතිකව සකස් කරනු ඇත.
එවැනි යෝජනා ක්රමයකදී, පරිශීලකයාට පිටුවට පළමු වරට පිවිසෙන විට වෙබ් අඩවි සැලැස්ම ලැබේ, ඉන්පසු වෙබ් අඩවියේ කොටස් JavaScript හරහා පහසුවෙන් වෙනස් වේ. මේ අතර, වෙබ් අඩවියට සේවාදායකයෙන් දත්ත AJAX හරහා ඉල්ලා සිටිය හැක.
එවැනි ප්රවේශයක් අත්වබරව (අපේ මුදල් වැය වන සම්පත්) අඩු කරයි, එමෙන්ම පරිශීලකයාගේ අන්තර්ජාල නාලිකාවේ බර ද අඩු කරයි.
නමුත් එවැනි ප්රවේශයකට අවාසියක් ඇත - SEO ගැටලුව. වෙබ් අඩවියට සබැඳි කට්ටලයක් ඇති බව පෙනේ, සහ ලිපින තීරුවේ යමක් වෙනස් වේ, සහ ඔබට සංදේශකයක් හරහා පවා වෙබ් අඩවියේ නිශ්චිත පිටුවකට සබැඳියක් යැවිය හැක. කෙසේ වෙතත්, පිටුවේ අන්තර්ගතය ගායකයාගේ පැත්තේ ගතිකව සෑදී ඇති අතර සෙවුම් යන්ත්ර එය සැකසීමට සමත් නොවේ. එබැවින් එවැනි වෙබ් අඩවියක් ප්රවර්ධනය නොවනු ඇත.
සෙවුම් යන්ත්රවල ප්රවර්ධනය කිරීම සඳහා සියලුම වෙබ් අඩවි අදහස් කර නොමැත. ඔබගේ එය අදහස් නොකරන්නේ නම්, මෙම යෝජනා ක්රමය ඔබට තරමක් ක්රියා කරනු ඇත.
පසුපස අන්තයේ වෙබ් අඩවිය
ඔබගේ වෙබ් අඩවිය පසුපස අන්ත භාෂාවකින් සාදා ඇතැයි සිතන්න. උදාහරණයක් ලෙස, PHP හි.
මෙම අවස්ථාවේදී, පරිශීලකයා සබැඳි මත ක්ලික් කරන විට, වෙබ් අඩවි පිටුව සෑම අවස්ථාවකම සම්පූර්ණයෙන් පූරණය වේ.
ගැටලුව නම්, පිටුවේ සැලකිය යුතු කොටසක් දැනටමත් පරිශීලකයා සතුව ඇත. මන්ද, ඔබ දැනටමත් දන්නා පරිදි, පිටුවේ සාමාන්යයෙන් වෙනස් වන්නේ අන්තර්ගතය සහ මෙටා දත්ත පමණක් වන අතර අනෙක් සියල්ල එලෙසම පවතී.
වෙනස් වූයේ අන්තර්ගතය පමණක් නම් අපි අනෙක් සියල්ල බාගත කර ගන්නේ ඇයි? මෙය සේවාදායකයා සහ අන්තර්ජාල නාලිකාව මත වැඩි බරක් නිර්මාණය කරයි.
තවත් ගැටලුවක් තිබේ. අප ලබන පිටුවේ, අන්තර්ගතය තුළ, වෙළඳපොලක මෙන්, නිෂ්පාදන ලැයිස්තුවක් ඇතැයි සිතන්න. නිසැකවම, සෑම නිෂ්පාදනයකටම සමාන ලේඛන ව්යුහයක් ඇත. වඩාත් ප්රශස්ත වන්නේ නිෂ්පාදන දත්ත පමණක්, සහ නිෂ්පාදනය ප්රතිදානය කිරීමේ අච්චුව පමණක් බාගත කිරීමයි. ඉන්පසු ගායක පැත්තේ සෑම නිෂ්පාදනයක්ම මෙම අච්චුව තුළ ප්රතිදානය කරන්න. නමුත් අපි බාගත කරන්නේ නිෂ්පාදනවල නැවත නැවත යොදන ලේඛන ව්යුහය සමඟ ඒකාබද්ධව වේ.
සාරාංශ කිරීම, අපට පිරිසිදු පසුපස අන්තයේ වෙබ් අඩවියක් තිබේ නම්, අපි ජාලය හරහා අනවශ්ය දත්ත ගොඩක් ගමන් කරවමු.
කෙසේ වෙතත්, මෙම අවස්ථාවේ දී අපට SEO ගැටලුව නොමැත. ඉල්ලූ URL සඳහා සැමවිටම ස්ථිතික අන්තර්ගතය ලබා දේ, එය සෙවුම් යන්ත්රවලට තේරුම් ගත හැකිය.
NextJS හි වෙබ් අඩවිය
NextJS ප්රවේශ දෙකම ඒකාබද්ධ කරයි. පරිශීලකයා සෘජුවම ලිපින තීරුවට URL ඇතුල් කරන විට, ඔහුට ප්රතිචාර වශයෙන් පිටුවේ ස්ථිතික අන්තර්ගතය ලැබේ.
පරිශීලකයා අපගේ වෙබ් අඩවියේ සබැඳි මත ක්ලික් කිරීමට පටන් ගත් විට, පිටුව සම්පූර්ණයෙන් නවීකරණය නොවේ, නමුත් AJAX හරහා පරිශීලකයාට අවශ්ය දත්ත ලබා ගනී.
සෙවුම් යන්ත්රය අපගේ වෙබ් අඩවිය හරහා ගමන් කරන විට, එයට අවශ්ය ස්ථිතික අන්තර්ගතය දකිනු ඇත. පරිශීලකයා අපගේ වෙබ් අඩවිය හරහා ගමන් කරන විට, අපගේ වෙබ් අඩවිය SPA එකක් මෙන් හැසිරීමට පටන් ගනී.
අති මහත් තාක්ෂණය නම්, NextJS මෙය ස්වයංක්රීයව සිදු කරයි! අපට මේ ගැන කරදර විය යුතු නොවේ - එය සියල්ලම තනියම කරනු ඇත. සුන්දරයි!
ඊළඟ පාඩම් වලදී අපි සොයා බලමු, NextJS විස්තර කළ ආකාරයට ක්රියා කිරීමට කෙසේ බල කරන්නේද යන්න.
