الهجرة من Eleventy إلى Astro | خدمة الهجرة
موقعك على Eleventy يعمل — حتى تحتاج إلى مكونات وأنواع أو توسع
Why leave Eleventy (11ty)?
- Community plateaued while Astro's Discord hit 25,000 active developers
- Nunjucks templates break when your team tries to pass typed props
- Framework components require custom shortcodes and brittle passthrough
- Data cascade complexity spirals once you exceed 200 pages
- TypeScript support stops at config files — templates stay untyped
- Plugin ecosystem stalled with 90% of packages unmaintained since 2023
What you gain
- Component boundaries with full TypeScript inference across props and slots
- Islands architecture drops React calendar into static pages without hydrating the rest
- Content Collections enforce Zod schemas on every Markdown file at build time
- Astro's community ships 40+ official integrations maintained by core team
- Image optimization, sitemap, RSS built-in — no hunting for working plugins
- Zero-JS output preserved by default while opt-in hydration stays scoped per component
محاذاة فلسفية: Eleventy إلى Astro
Eleventy (11ty) و Astro روحان شقيقتان. كلاهما يفترض بشكل افتراضي صفر JavaScript. كلاهما يعطي الأولوية للمحتوى. كلاهما يسمح لك بجلب لغة القالب الخاصة بك. الفرق هو أن Astro يضيف معمارية المكونات، دعم TypeScript، تكاملات الأطر (React, Vue, Svelte)، والنظام البيئي الذي ينمو بسرعة والذي لا تستطيع مجتمع Eleventy الأصغر مطابقته.
ما يجعل الهجرة سلسة
Eleventy يستخدم قوالب Nunjucks أو Liquid أو Markdown. مكونات Astro موجهة نحو HTML مع قسم نصي للمنطق. المقابلة المفاهيمية مباشرة: قوالب Eleventy تصبح مكونات Astro، ملفات بيانات Eleventy تصبح مجموعات محتوى، مرشحات Eleventy تصبح دوال أداة. محتوى Markdown الخاص بك ينتقل بدون تغييرات.
ميزة النظام البيئي
Astro لديها تكاملات رسمية لـ Tailwind و MDX والخرائط الموقعية و RSS وتحسين الصور والعشرات غيرها. النظام البيئي npm متاح بالكامل. مكونات React و Vue و Svelte تعمل داخل صفحات Astro عبر الجزر. هذا الوصول إلى النظام البيئي هو السبب الأساسي للهجرة من Eleventy — الفلسفة هي نفسها، لكن الأدوات أغنى.
The migration process
Discovery & Audit
We map every page, post, media file, redirect, and plugin. Nothing gets missed.
Architecture Plan
New stack designed for your content structure, SEO requirements, and performance targets.
Staged Migration
Content migrated in batches. Each batch verified before the next begins.
SEO Preservation
301 redirects, canonical tags, sitemap, robots.txt — every ranking signal carried over.
Launch & Monitor
DNS cutover with zero downtime. 30-day monitoring period included.
Eleventy (11ty) vs Astro
| Metric | Eleventy (11ty) | Astro |
|---|---|---|
| JavaScript shipped | Zero by default | Zero by default |
| Component system | Partials/includes | Full component architecture |
| TypeScript | Limited | First-class |
| Framework components | Not supported | React, Vue, Svelte via islands |
| Content typing | Untyped data cascade | Typed content collections |
| Community size | Smaller | Larger and growing |
Common questions
لماذا تترك Eleventy إذا كان يرسل أيضًا JavaScript صفر؟
Eleventy و Astro تشترك في فلسفة JavaScript الصفرية. أسباب الهجرة هي الوصول إلى النظام البيئي (حزم npm، مكونات الأطر)، دعم TypeScript، مجموعات محتوى مع سلامة النوع، ومجتمع أكبر. إذا كان Eleventy يخدم احتياجاتك بشكل مثالي، فلا توجد حاجة ملحة للهجرة.
ما مدى التشابه بين Eleventy و Astro؟
متشابه جدًا من حيث الفلسفة. كلاهما يفترض بشكل افتراضي JavaScript صفر، كلاهما موجه نحو المحتوى، كلاهما يدعم Markdown. الفروقات الأساسية هي معمارية مكونات Astro ودعم TypeScript والقدرة على تضمين مكونات React/Vue/Svelte عبر الجزر.
هل ستتحول قوالب Nunjucks إلى Astro؟
قوالب Nunjucks تتحول إلى مكونات Astro. الصيغة مختلفة لكن المفاهيم تُعيَّن مباشرة: Nunjucks extends تصبح Astro layouts، Nunjucks include تصبح استيراد مكونات، Nunjucks macros تصبح مكونات Astro مع props. أتعامل مع التحويل كجزء من الهجرة.
هل يمكنني الاحتفاظ بمحتوى Markdown الخاص بي؟
نعم. ملفات Markdown الخاصة بك تنتقل مباشرة إلى مجموعات محتوى Astro. Front matter خرائط لمخططات مكتوبة بشكل آمن. المحتوى ينعكس عبر خط أنابيب Markdown الخاص بـ Astro. لا تحتاج إلى تغييرات محتوى.
ماذا عن تدرج البيانات في Eleventy؟
تدرج البيانات في Eleventy (البيانات العامة، بيانات الدليل، بيانات القالب) يتم استبداله بمجموعات محتوى Astro و component props. الطريقة مختلفة لكنها تحقق النتيجة نفسها. مجموعات المحتوى تضيف سلامة نوع التي لا يوفرها تدرج بيانات Eleventy.
كم من الوقت تستغرق هجرة Eleventy إلى Astro؟
موقع به 10-30 صفحة يستغرق 2-3 أسابيع. مدونة بها 100+ منشور تستغرق 3-4 أسابيع. الهجرة واحدة من هجرات SSG الأسلس بسبب المحاذاة الفلسفية بين الأداتين.
Ready to migrate?
Free assessment. We'll audit your current site and give you a clear migration plan — no commitment.
Let's build
something together.
Whether it's a migration, a new build, or an SEO challenge — the Social Animal team would love to hear from you.