در این مقاله به بررسی تجربه استفاده از SSR و پیشبارگذاری در Next.js میپردازیم و دلایل، مزایا و معایب آنها را توضیح میدهیم. همچنین نکات عملی برای بهینهسازی کارایی ارائه میشود.
چرا از SSR و پیشبارگذاری استفاده کردیم؟
هدف اصلی ما بارگذاری سریع صفحات بود، بهویژه صفحات که بهعنوان نقطهٔ ورود برای کاربران عمل میکردند و نیازی به تعامل JavaScript سمت کلاینت نداشتند.
از SSR استفاده کردیم تا موتورهای جستجو بتوانند صفحات را بهراحتی اسکن کنند و لود سریعتری برای کاربر فراهم شود؛ بدون نیاز به skeleton screen یا انتظار برای رندرینگ سمت کلاینت.
مزایای این انتخاب شامل بهبود SEO، کاهش بیکاند لود و تجربهٔ کاربری بروزگاریتر بود، در حالی که معایب آنها شامل پیچیدگی ساخت و نیاز به مدیریت appropriate hydration بود.
