Postمفهوم CSR در Next.js یعنی چی؟ ❔

مفهوم CSR در Next.js یعنی چی؟ ❔ وقتی از Client-Side Rendering (CSR) حرف می‌زنیم، منظور اینه که محتوای صفحه بعد از لود شدن در مرورگر کاربر ساخته می‌شه، نه روی سرور. یعنی مرورگر یه فایل HTML خالی می‌گیره، بعد با جاوااسکریپت React شروع می‌کنه به رندر کردن محتوا. 👨‍💻 مثلاً چی؟ فرض کن وارد یه صفحه محصول می‌شی و چند لحظه طول می‌کشه تا اطلاعات ظاهر بشه — این یعنی داده‌ها از API گرفته شدن و در مرورگر رندر شدن (نه از قبل روی سرور آماده بودن). ⚠️ اما CSR همیشه انتخاب خوبی نیست. چند تا از معایبش: ⏳ تاخیر در نمایش محتوا: کاربر باید صبر کنه تا جاوااسکریپت دانلود و اجرا بشه، پس اولین محتوای قابل‌مشاهده دیرتر لود می‌شه. 🔍 ضعف در سئو: چون محتوای اولیه خالیه، خزنده‌های موتور جستجو ممکنه نتونن اطلاعات درست بخونن (مگر با تنظیمات خاص). 📉 مصرف بالای منابع سمت کاربر: رندر کامل در مرورگر یعنی استفاده بیشتر از CPU و RAM دستگاه کاربر. ✅ کی از CSR استفاده کنیم؟ وقتی صفحه‌ای کاملاً وابسته به تعامل کاربره (مثل داشبوردها یا اپ‌های تحت وب که سئو براشون مهم نیست)، CSR انتخاب خوبیه. #Nextjs #Frontend #CSR #WebDevelopment #React 🚀 @NextPro_Ch