Sveltejs Academy · درس

prerender = true للصفحات الثابتة

صدّر prerender لإنشاء HTML ثابت للصفحات التي لا تتغير وقت الطلب.

الدرس 2 من 413 خطوة

prerender = true للصفحات الثابتة درس مجاني في Sveltejs Academy على CoddyKit. هذا هو الدرس 2 من أصل 4. يمكنك قراءة الدرس كاملاً أدناه مجاناً — ثم تمرن عليه مباشرة في المتصفح باستخدام محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7. هذا الدرس جزء من مسار التعلم في Sveltejs Academy، وتقدمك يتزامن عبر الويب وتطبيق CoddyKit. تتضمن دورة Sveltejs Academy 4 دروس في المجموع.

ما المقصود بالتصيير المسبق

ينشئ التصيير المسبق HTML ثابتًا وقت البناء للصفحات التي لا تتغير مع كل طلب.

التفعيل لكل صفحة

صدّروا prerender = true من +page.js أو +page.server.js.

export const prerender = true;

على مستوى الموقع

اضبطوا prerender في التخطيط الجذري لتفعيله لكل شيء افتراضيًا.

// +layout.js
export const prerender = true;

المسارات الديناميكية

وفّروا entries لحصر قيم المعاملات الديناميكية.

export function entries() { return [{ slug: "hello" }, { slug: "world" }]; }

الاكتشاف التلقائي

يتبع SvelteKit الروابط أثناء التصيير المسبق لاكتشاف المزيد من المسارات تلقائيًا.

المضيفون الثابتون

يعمل ناتج التصيير المسبق على أي مضيف ثابت؛ ادمجوه مع adapter-static لإنشاء مواقع ثابتة بالكامل.

التطبيقات الهجينة

يمكنكم الجمع بين صفحات التسويق المصيّرة مسبقًا وصفحات التطبيق الديناميكية في مشروع SvelteKit نفسه.

تكلفة وقت البناء

تعني المسارات الديناميكية الكثيرة عمليات بناء أطول. استخدموا التصيير المسبق انتقائيًا عندما يكون الحجم هائلًا.

الأفضل لـ

التسويق، والوثائق، والمدونات، وصفحات منتجات التجارة الإلكترونية ذات البيانات المستقرة.

يُفضّل تجنبه لـ

لوحات المعلومات المخصصة، والبيانات الفورية، وكل ما يختلف من مستخدم إلى آخر.

إبطال الصلاحية

يتطلب التصيير المسبق الثابت إعادة البناء لتحديث المحتوى. ادمجوه مع ISR أو واجهات API لإعادة التحقق من البيانات الحديثة.

تحقق سريع

كيف تفعّلون التصيير المسبق لصفحة؟

أجب عليها في الدرس التفاعلي

مراجعة

صدّروا prerender = true لإنشاء HTML ثابت وقت البناء لصفحات سريعة قابلة للتخزين المؤقت.

البدء مجانًا

تعلم HTML مع معلم ذكاء اصطناعي — مجانًا

اكتب وقم بتشغيل أكوادك الفعلية في المتصفح، واحصل على مساعدة فورية من معلم ذكاء اصطناعي متاح 24/7، واستمر من حيث توقفت على الويب أو في التطبيق.

الدورات: 41
الدروس: 163

ابدأ التعلم مجانًا عرض الدورة الكاملة

الأسئلة الشائعة

هل درس «prerender = true للصفحات الثابتة» مجاني؟

نعم — نص درس «prerender = true للصفحات الثابتة» كامل متاح مجاناً هنا على الويب. لتمرينه بشكل تفاعلي (محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7) وفتح باقي دورة Sveltejs Academy، انتقل إلى CoddyKit PRO. تتضمن دورة Sveltejs Academy 4 دروس في المجموع.

ماذا ستتعلم في «prerender = true للصفحات الثابتة»؟

صدّر prerender لإنشاء HTML ثابت للصفحات التي لا تتغير وقت الطلب. تتمرن على Sveltejs Academy مع أكواد عملية تشغلها مباشرة في المتصفح، ومدرس ذكاء اصطناعي متاح 24/7 يجيب على أسئلتك أثناء عملك.

هل أحتاج إلى خبرة سابقة لأبدأ Sveltejs Academy؟

لا تُشترط خبرة سابقة. Sveltejs Academy على CoddyKit منظم للمبتدئين حتى المتقدمين، لذا يمكنك البدء من هنا أو من البداية والتقدم بسرعتك الخاصة. هذا هو الدرس 2 من أصل 4.

كم من الوقت يستغرق درس «prerender = true للصفحات الثابتة»؟

معظم دروس CoddyKit تستغرق حوالي 5–10 دقائق. كل منها موجز وتفاعلي، لذا تحرز تقدماً مستمراً وتستأنف من حيث توقفت عبر الويب والتطبيق.

هل يمكنني كتابة وتشغيل أكواد في درس Sveltejs Academy هذا؟

نعم. كل درس في Sveltejs Academy يتضمن محرر أكواد مدمج، لذا تكتب وتشغل أكواداً حقيقية مباشرة في متصفحك وتحصل على تعليقات فورية من الذكاء الاصطناعي — بدون إعداد محلي.

جميع الدروس في هذه الدورة

← العودة إلى Sveltejs Academy