رندر سمت سرور (SSR) در مقابل تولید سایت استاتیک (SSG)

رندر سمت سرور (SSR) و تولید سایت ایستا (SSG) اصطلاحاتی هستند که برای توصیف نحوه تولید و ارائه صفحات وب استفاده می شوند. این مقاله تفاوت بین هر دو اصطلاح و بهترین زمان استفاده از هر یک را توضیح می دهد.
رندر سمت سرور
SSR به زمانی اشاره دارد که یک صفحه وب هر بار که کاربر درخواست می کند ایجاد می شود. به عبارت دیگر، صفحه ای که در زمان درخواست به کاربر بازگردانده می شود، یک صفحه وب رندر شده در سمت سرور است.
Nextjs متد getServerSideProps را ارائه می دهد تا انجام SSR خارج از جعبه را آسان کند.
بهترین زمان استفاده از SSR چه زمانی است؟
تولید سایت ایستا (SSG)
SSG روشی است که برای تولید صفحات وب در زمان ساخت استفاده می شود. سپس هر بار که کاربر از آنها درخواست می کند، از صفحات مجددا استفاده می شود.
متد getStaticProps برای SSG در Nextjs استفاده می شود.
بهترین زمان استفاده از SSG چه زمانی است؟
-
بهترین زمان برای استفاده از SSG زمانی است که یک صفحه وب داده پویا کمتری دارد. به عنوان مثال، یک صفحه پست وبلاگ.
-
SSG زمان بارگذاری بهتری را فراهم می کند زیرا صفحات قبلاً تولید شده اند.
خلاصه
تصویر زیر تفاوت بین SSR و SSG را نشان می دهد:
نتیجه
هدف این مقاله روشن کردن تفاوت بین SSR و SSG بود.
هر مفهوم را تعریف کرد و بهترین موارد را برای همه آنها ارائه کرد. همچنین شما را با متدهای Nextjs برای مدیریت SSR و SSG آشنا کرد.
من شما را تشویق می کنم که بیشتر به مستندات نگاه کنید و نمونه های کد و سایر موارد استفاده را بررسی کنید.