برچسب: Next.js

قبلا در مقاله ای با نام «Next.js چیست و چه کاربردی دارد؟» درباره ی ماهیت فریم ورک Next.js و ویژگی های آن صحبت کردیم. در این مقاله می خواهیم به صورت کلی نحوه ی استفاده از next.js را به صورت عملی به شما نشان بدهیم. مزیت اصلی next.js ارائه ی قابلیت Server-Side Rendering است که یعنی صفحات شما در سمت سرور ساخته شده و به صورت کامل شده به سمت کاربر ارسال می شوند در حالی که در برنامه های عادی و تک صفحه ای React داده ها از API دریافت شده و روی مرورگر کاربر توسط جاوا اسکریپت از صفر ساخته می شود. طبیعتا چنین موضوعی SEO شما را از دو جهت خراب می کند. در برخی از موارد crawler ها (ربات های موتور های جست و جو) نمی توانند محتویات صفحه را بخوانند. در اکثر موارد زمان اولیه ی بارگذاری صفحه برای برنامه های SPA بسیار زیاد است اما این زمان برای موتور های جست و جو اهمیت زیادی دارد. پیش نیاز: برای مطالعه ی این مقاله باید حتما با مفاهیم ساده ی جاوا اسکریپت آشنا باشید. همچنین باید با React در حد متوسط آشنا باشید چرا که Next.js از React استفاده می کند. در نهایت درک مباحثی مانند API و نحوه ی ساخت و تعامل با آن نیز ضروری است.