تخطَّ إلى المحتوى

شرح Next.js

استراتيجيات العرض

الدرس 23 من 25· ⏱ 1 دقائق قراءة

الأنواع الأربعة

النوعمتى يُولَّدالأنسب لـ
SSGوقت البناءمحتوى ثابت (مدوّنة، توثيق)
ISRبناء + إعادة تحقّق دوريّةمحتوى يتغيّر أحيانًا
SSRمع كل طلبمحتوى مخصّص/لحظي
Streamingتدريجيًّاصفحات بأجزاء بطيئة

ثابت (الافتراضي)

مكوّن خادم بلا بيانات ديناميكية = صفحة ثابتة سريعة جدًّا.

ISR

fetch(url, { next: { revalidate: 60 } }); // يُعاد كل 60 ثانية

ديناميكي (SSR)

استخدام بيانات الطلب يجعل الصفحة ديناميكية:

import { cookies } from "next/headers";
const session = (await cookies()).get("session");

التدفّق (Streaming)

loading.tsx و<Suspense> يرسلان الصفحة على دفعات فيظهر المحتوى أسرع.

💡 ابدأ ثابتًا قدر الإمكان (الأسرع والأرخص)، وادخل الديناميكية عند الحاجة فقط.

🎯 التالي: النشر والتحسين.

هل كان هذا الدرس مفيدًا؟