Next.js SSR و SSG و ISR: متى تستخدم كل طريقة

قاعدة الاختيار

SSR ينشئ HTML عند كل طلب. لذلك يناسب لوحات المستخدم، حالة الطلب، المخزون، الصلاحيات، الأسعار الخاصة والصفحات التي تتغير حسب Cookie. ميزته أن البيانات حديثة ومخصصة، لكن كل طلب يحتاج عملا على الخادم، لذلك يجب مراقبة قاعدة البيانات والكاش والتكلفة.

SSG ينشئ HTML أثناء مرحلة البناء. هذا مناسب للوثائق، صفحات المساعدة، الشروط، صفحات التعريف والدروس المستقرة التي لا تتغير كثيرا. النتيجة سريعة لأن الصفحة تقدم من CDN، وهذا جيد للأداء وSEO.

ISR يجمع سرعة الصفحات الثابتة مع إمكانية إعادة التوليد بعد مدة محددة. لذلك يناسب المدونات، صفحات المنتجات، التصنيفات العامة، أدلة المقارنة والمحتوى العام الذي يحتاج تحديثا من وقت لآخر.

روابط داخلية مفيدة: Next.js metadata, PageSpeed checker, meta tag checker, reading time calculator, image format guide.

FAQ

هل SSR أفضل دائما لل SEO

لا. SSG و ISR يقدمان HTML كاملا أيضا، وغالبا يكونان أسرع للمحتوى العام.

ماذا أستخدم للمدونة

إذا كانت المقالات قليلة وثابتة فاستخدم SSG. إذا كان العدد كبيرا أو التحديثات مستمرة فاستخدم ISR.