0Pricing
Sveltejs Academy · درس

‏adapter-static للمواقع الثابتة

حوّل موقعك بالكامل مسبقًا إلى ملفات ثابتة باستخدام adapter-static

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

وظيفة adapter-static

تولّد تطبيقك مسبقًا إلى ملفات HTML وCSS وJS ثابتة يمكن لأي مضيف ثابت تقديمها.

التثبيت

استبدل adapter-auto في svelte.config.js.

npm install -D @sveltejs/adapter-static

التهيئة

استخدمه في svelte.config.js.

import adapter from "@sveltejs/adapter-static";
export default { kit: { adapter: adapter() } };

توليد جميع الصفحات مسبقًا

أضف تخطيطًا جذريًا يفعّل التوليد المسبق في كل مكان.

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

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

لا تستطيع المواقع الثابتة تقديم المعلمات الديناميكية وقت الطلب. استخدم تصدير entries لتعدادها.

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

من دون خادم

لا يمكنك استخدام إجراءات النماذج أو نقاط نهاية الخادم مع adapter-static.

الاستضافة

انشر التطبيق على Netlify أو Vercel أو Cloudflare Pages أو GitHub Pages أو أي مضيف شبيه بـS3.

وضع SPA

استخدم خيار fallback لوضع SPA ذي التوجيه من جانب العميل من دون توليد مسبق.

adapter({ fallback: "index.html" })

الأداء

المواقع الثابتة سريعة جدًا وتكلفة استضافتها منخفضة عند التوسع.

القيود

لا يوجد SSR لكل طلب ولا إجراءات نماذج. استخدم عمليات fetch من جانب العميل مع واجهات API الديناميكية.

حالات الاستخدام

مواقع التسويق، والوثائق، والمدونات، والملفات الشخصية.

اختبار سريع

ماذا ينتج adapter-static؟

مراجعة

استخدم adapter-static لتوليد تطبيقات SvelteKit مسبقًا كمواقع ثابتة سهلة الاستضافة وسريعة.

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

هل درس «‏adapter-static للمواقع الثابتة» مجاني؟

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

ماذا ستتعلم في «‏adapter-static للمواقع الثابتة»؟

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

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

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

كم من الوقت يستغرق درس «‏adapter-static للمواقع الثابتة»؟

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

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

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

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

  1. ‏adapter-static للمواقع الثابتة
  2. ‏adapter-node لخادم Node.js
  3. ‏adapter-vercel وadapter-cloudflare
  4. البناء والمعاينة
← العودة إلى Sveltejs Academy