یوسف
یوسف
خواندن ۱ دقیقه·۳ سال پیش

بخش سوم Next js

دو روش برای رندر سمت سرور در Next js هست.



  • روش Static Generation

در این روش قالب HTML ما در زمان build ساخته میشه ، یعنی اینکه قالب ما بر اساس درخواست سمت کلاینت ساخته نمیشه بلکه از قبل ساخته شده و آماده است. و زمانیکه درخواستی برای این صفحه ما بیاد دیگه نیاز به رندر نیست چونکه از قبل رندر شده، و در جواب درخواست کلاینت این قالب از قبل ساخته شده ارسال میشه به کلاینت برای نمایش به کاربر ، این نوع از Pre-rendering برای قالب های Static مانند پست های وبلاگ ، صفحه محصولات ، و کلا صفحاتی که از قبل میدانیم که کاربر چه می خواهد مناسب هست و این روشی هست که خود تیم Next js پیشنهاد میکنه برای Pre-rendering صفحات وب سایتمان.

  • روش Server-Side Rendering

در این روش قالب HTML ما زمانی ساخته میشه که از سمت کلاینت درخواست بیاد. یعنی رندر صفحه بر اساس درخواست کلاینت هست . در این روش مدت زمان لود صفحه بیشتر است چونکه رندر باید ابتدا اتفاق بیفتد و زمانیکه قالب ساخته شد ، قالب در پاسخ به کلاینت ارسال خواهد شد.

این روش برای صفحاتی خوب است که بر اساس درخواست کلاینت باید ساخته شوند و داده ها باید بر اساس درخواست کلاینت fetch شوند. بعنوان مثال فرض کنیم یک صفحه ای داریم که کاربر باید در این صفحه کالای مورد نظرش را سرچ کند ، پس اینجا بر اساس سرچ کاربر ما باید کالا یا محصول را به کاربر نمایش دهیم. در اینجا این روش از Pre-rendering مناسب هست چونکه از قبل نمیدانیم که کاربر چه می خواهد.


nextjsnext jsjavascriptreact
شاید از این پست‌ها خوشتان بیاید