تكرار السؤال: …
الإجابة المختصرة
CSR يبني الواجهة في المتصفح، و SSR يبني صفحة الـ HTML عند كل طلب في الخادم، و SSG يبني الصفحات وقت تجميع المشروع (Build time)، بينما ISR يعيد توليد الصفحات الثابتة دورياً في الخلفية عند الطلب.
الشرح
يتميز CSR بالمرونة بعد التحميل الأولي لكنه يعاني من بطء التحميل الأولي وضعف الـ SEO. الـ SSR يقدم محتوى فوري ومثالي لمحركات البحث لبيانات تتغير باستمرار. الـ SSG فائق السرعة عبر CDNs للمدونات والمواقع التوثيقية، بينما يوفر ISR التوازن المثالي بتحديث الصفحات الثابتة فور انتهاء مدة الكاش دون إعادة تجميع كامل الموقع.
مثال بالكود
// مثال مفاهيمي لـ ISR في خوادم ريأكت الحديثة
export async function generateStaticParams() {
return [{ id: '1' }, { id: '2' }];
}
// إعادة التحقق من الصفحة الثابتة كل 60 ثانية
export const revalidate = 60;أخطاء شائعة
- استخدام SSR الكامل لصفحات تحتوي على بيانات ثابتة لا تتغير، مما يضع عبء حوسبي وتكاليف استضافة لا لزوم لها على الخادم.
أسئلة متابعة
- كيف تتعامل مع معالجة الـ SEO والوسوم الوصفية (Metadata & Open Graph) في تطبيقات ريأكت؟
- ما هي مكونات خادم ريأكت (React Server Components - RSC) وكيف تختلف جوهرياً عن SSR؟