ما هو Astro؟
Astro إطار ويب مفتوح المصدر صُمّم للمواقع التي يقوم عليها المحتوى، مثل مواقع الشركات والمدونات والصفحات التسويقية. ومنطلقه بسيط: ينبغي أن تصل الصفحة إلى الزائر HTML وCSS جاهزين، دون JavaScript لا تحتاج إليها. وقد بلغ Astro الإصدار 1.0 عام 2022، وهو مبني على Vite، أداة البناء السريعة للواجهات الأمامية.
تُسمّى الأجزاء التفاعلية «الجزر». ففي صفحة ثابتة في معظمها، يصبح المعرض أو الحاسبة أو النموذج مكوّنًا مكتوبًا بـ React أو Vue، ولا يحمّل JavaScript الخاصة به إلا هذا المكوّن، عند ظهوره على الشاشة مثلًا. وتحافظ مجموعات المحتوى على تنظيم محتوى Markdown وتتحقق منه وفق مخطط محدد، ويضبط مكوّن الصور أحجامها ويحوّلها إلى صيغ حديثة، ويتولى التوجيه المدمج عدة لغات.
Astro مجاني ومفتوح المصدر بموجب ترخيص MIT. وفي يناير 2026 انضم الفريق الذي يقف خلفه إلى Cloudflare، ويبقى Astro مفتوح المصدر وغير مرتبط بمنصة بعينها، فيمكن استضافة الموقع المبني به على Cloudflare أو في أي مكان آخر. ويمكن إنتاج الصفحات مسبقًا كملفات ثابتة، أو إنشاؤها على الخادم عندما تحتاج إلى بيانات حديثة.
أين نستخدم Astro
نلجأ إلى Astro عندما يكون المحتوى في قلب الموقع. ونستخدمه في مشاريع عملائنا خصوصًا في:
مواقع الشركات والعلامات التجارية
تُقدَّم صفحات الخدمات والتعريف والتواصل HTML خفيفًا يُفتح بسرعة على أي اتصال. وتحصل النسخ التركية والإنجليزية والعربية على عناوينها الخاصة عبر التوجيه المدمج.
المدونات ومراكز المحتوى
توضع المقالات والأدلة والأخبار في مجموعات محتوى ذات حقول ثابتة مثل العنوان والتاريخ والكاتب. ويُكتشف أي حقل ناقص أثناء البناء قبل النشر، فتخرج كل صفحة كاملة.
صفحات هبوط للإعلانات
يتوقع الزائر القادم من Google Ads أو Meta Ads أو TikTok Ads أن تُفتح الصفحة فورًا. وصفحات Astro صغيرة الحجم، ولا تُحمَّل سكربتات القياس إلا في حدود موافقة الزائر على ملفات تعريف الارتباط.
جزر تفاعلية
عندما تحتاج صفحة إلى تفاعل، مثل حاسبة أسعار أو قائمة قابلة للتصفية أو خريطة، نضيف مكوّن React أو Vue في ذلك الموضع وحده، ويبقى باقي الصفحة ثابتًا.
لماذا Astro؟
صفحات خفيفة افتراضيًا
لأن Astro لا يرسل JavaScript إلا إذا احتاج إليها مكوّن ما، تبقى الصفحات صغيرة وسريعة، وهذا أهم ما يكون على الهواتف والاتصالات البطيئة.
مهيأ للبحث
يصل المحتوى HTML نظيفًا تقرؤه محركات البحث بسهولة. وتُضبط العناوين والأوصاف وروابط اللغات وخريطة الموقع صفحةً صفحة أثناء التطوير.
مرن وقابل للنقل
يمكننا استخدام مكوّنات React أو Vue حيث تفيد، ويمكن تشغيل الموقع النهائي على استضافة ثابتة أو على خادم، فلا يرتبط موقعك بمزوّد واحد.
كيف نعمل على مشروعك
نبدأ بخريطة الموقع ونموذج المحتوى: أي الصفحات ستوجد في كل لغة، وما الحقول التي تحتاجها المقالة أو صفحة الخدمة. ثم نبني الصفحات من تصميم Figma كمكوّنات Astro، ولا نضيف الجزر التفاعلية إلا حيث تحتاج إليها الصفحة فعلًا.
قبل الإطلاق نراجع HTML الذي تنتجه كل صفحة، ونقيس الأداء عبر Lighthouse وPageSpeed Insights، ونتحقق من روابط اللغات وخريطة الموقع والصفحات العربية من اليمين إلى اليسار. ثم يُطلق الموقع خلف Cloudflare، ونُري فريقك عند التسليم كيف يضيف المحتوى ويحدّثه.
