Astro: HTML أولًا
Astro هو الأساس الذي يبني الصفحات كـ HTML ثابت. هذا يعني أن الزائر يستلم المحتوى مباشرة، ولا نضيف JavaScript إلا عندما تكون هناك حاجة فعلية مثل تبديل الثيم أو التفاعل مع القائمة.
Tailwind CSS: نظام بصري قريب من المكوّن
نستخدم Tailwind لبناء المسافات والألوان والتخطيطات بجانب markup المكوّن. القيم الرئيسية موجودة في src/styles/global.css، لذلك تستطيع تغيير الهوية من مكان واضح بدل مطاردة قواعد CSS موزعة.
TypeScript: عقود أوضح
تساعد TypeScript وastro check على اكتشاف أخطاء المكوّنات والخصائص قبل النشر. كلما كبر القالب، تصبح هذه الحماية أهم من الاعتماد على الفحص اليدوي.
Content Collections: مدونة قابلة للنمو
ملفات Markdown داخل src/content/blog تمر عبر مخطط واحد يراجع العنوان والوصف والتاريخ والتصنيف والوسوم. بعدها تُعرض المقالات تلقائيًا في /blog وتُبنى صفحاتها من خلال مسار ديناميكي.
Astro Assets: صور أخف
الصور المحلية داخل src/assets تمر عبر Image وPicture لتوليد WebP وAVIF وأحجام srcset مناسبة. هذا يقلل حجم التحميل ويحافظ على أبعاد الصورة لتقليل اهتزاز الصفحة.
أدوات التطوير والبناء
يولد astro-toc-smol فهرس المقال وقت البناء، بينما يحذف astro-purgecss من Orbit CSS غير المستخدم من الحزمة النهائية.
استنتاج: قوة القالب ليست في عدد المكتبات، بل في أن لكل أداة مهمة محددة ولا تصل إلى المتصفح إلا عند الحاجة.
تنبيه: راجع توافق أي تكامل جديد مع نسخة Astro قبل إضافته، واختبر
checkوbuildبعد كل تغيير.
