لماذا أسترو؟

أسترو هو إطار ويب لبناء مواقع التي يقودها المحتوى مثل المدونات والتسويق والتجارة الإلكترونية.تشتهر أسترو برائدة بنية الواجهة الأمامية لتقليل استخدام جافاسكريبت والصعوبة مقارنة بالأطر الأخرى. إذا كنت بحاجة إلى موقع ويب يتم تحميله بسرعة ولديه مُواصفات محرّكات البحث الرائعة، فأسترو خيار ممتاز.

سمات

أسترو هو إطار ويب متعدد الإمكانات. يتضمن كل ما تحتاجه لإنشاء موقع ويب ، مدمج. هناك أيضًا مئات من إضافات و API Hooks المتاحة لتعديل مشروعك حسب احتياجاتك الخاصة.

بعض النقاط البارزة:

جزر: تم تحسين بنية الويب القائمة على المكونات اعتمادا على المحتوى.
UI-agnostic: يشمل React، Preact، Svelte، Vue، Solid، Lit، HTMX، مكونات الويب، و اكثر.
الخادم أولا: يجنبك التكلفة الكبيرة للعرض على أجهزة زوارك.
صفر جافاسكريبت ، افتراضيا: أقل ما يمكن من جافاسكريبت من جانب العميل لتجنب إبطاء موقعك.
مجموعات المحتوى: تنظيم والتحقق من صحة وتوفير سلامة نوع TypeScript لمحتوى الماركداون الخاص بك.
قابل للتخصيص: Tailwind و MDX ومئات الإضافات للإختيار من بينها.

مبادئ التصميم

فيما يلي خمسة مبادئ تصميم أساسية للمساعدة في شرح سبب قيامنا ببناء أسترو، والمشاكل التي توجد و الهدف هو حلها، ولماذا قد يكون أسترو هو الخيار الأفضل لمشروعك أو فريقك.

أسترو هو…

موجه للمحتوى: صُمِم أسترو لعرض المحتوى.
الخادم أولًا: تعمل المواقع أسرع حين يُصيّر الـ HTML على الخادم.
سريع افتراضيًا: نرى من المستحيل إنشاء موقع ويب بطيء باستخدام أسترو ملتزما أساسياته.
سهل الاستخدام: لست بحاجة إلى أن تكون خبيرًا لاستخدام أسترو.
يركز على المطور: يجب أن يكون لديك الموارد الضرورية لتكون ناجحًا.

موجه للمحتوى

صُمِم أسترو للمواقع كثيفة المحتوى. . هذا يشمل معظم مواقع التسويق والنشر والتوثيق والمدونات والمواقع الشخصية، وحتى بعض مواقع التجارة الإلكترونية. إذا كان لديك محتوى لإظهاره فيجب الوصول إلى القارئ بسرعة.

على النقيض من ذلك، تم تصميم معظم أطر الويب الحديثة لبناء تطبيقات الويب. تعمل هذه الأطر بشكل أفضل لبناء مشاريع - أكثر تعقيدا - تشبه التطبيقات في المتصفح، مثل: لوحات التحكم، صناديق البريد، وسائل التواصل، تطبيقات تنظيم المهام، وحتى مشاريع شبيهة بتطبيقات سطح المكتب، مثل Figma و Ping.

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

الخادم أولًا

يستثمر أسترو تقديم الخادم على عرض جانب العميل في المتصفح قدر الإمكان. هذا هو نفس النهج الذي تستخدمه الأطر التقليدية منذ عقود من جانب الخادم : ،Ruby on Rails، Laravel ،WordPress PHP وما إلى ذلك.. .لكنك لا تحتاج إلى تعلم لغة أخرى لإلغاء ذلك. مع أسترو، لا يزال كل شيء مجرد HTML و CSS و JavaScript (أو TypeScript ، إذا كنت تفضله).

يتناقض هذا النهج مع أطر عمل جافاسكريبت الحديثة الأخرى مثل Next.js و Sveltekit و Nuxt و Remix وغيرها. تم تصميم هذه الأطر لتقديم موقع الويب الخاص بك من جانب العميل وتتضمن عرضًا من جانب الخادم بشكل أساسي لمعالجة مخاوف الأداء.تم تسمية هذا النهج بتطبيق أحادي الصفحة (SPA) ، على عكس نهج أسترو متعدد الصفحات (MPA).

نموذج SPA له فوائده ولكن ذلك يأتي على حساب التعقيد الإضافي ومقايضات الأداء. هذه المقايضات تضر بأداء صفحة-المقاييس الحرجة مثل Time to Interactive (TTI) وهو أمر لا معنى له بالنسبة لمواقع الويب التي تركز على المحتوى حيث يكون أداء التحميل الأولي هو الضروري.

يتيح لك النهج الأول لخادم أسترو الاشتراك في تقديم جانب العميل فقط إذا كان ذلك ضروريًا ، وذلك بالضبط. يمكنك اختيار إضافة مكونات إطار واجهة المستخدم التي تعمل على العميل. يمكنك الاستفادة من جهاز التوجيه لـ أسترو View Transitions للتحكم الدقيق في التحولات والرسوم المتحركة للصفحة المحددة. يوفر عرض أسترو Server-First ، إما تم تقديمه مسبقًا أو بناءً على الطلب ، يقدم افتراضات أداءً يمكنك تعزيزها وتوسيعها.

سريع افتراضيًا

الأداء الجيد مهم دائمًا ،لكنه أصبح أمرًا ضروريًا للمواقع الإلكترونية التي يعتمد نجاحها على عرض المحتوى الخاص بك. لقد تم التوصل إلى أن الأداء الضعيف يفقد الموقع المشاركة والتحويلات والمال. على سبيل المثال :

كل 100 مللي ثانية أسرع → 1 ٪ التحويلات (Mobify, كسب +380،000 دولار/سنة)
بنسبة 50 ٪ أسرع → 12 ٪ مزيد من المبيعات (AutoAnything)
20 ٪ أسرع → 10 ٪ التحويلات (Furniture Village)
40 ٪ أسرع → 15 ٪ المزيد من التسجيلات (Pinterest)
850ms أسرع → 7 ٪ تحويلات أخرى (COOK)
كل ثاني أبطأ → 10 ٪ أقل من المستخدمين (BBC)

في العديد من أطر عمل الويب ، من السهل إنشاء موقع ويب يبدو رائعًا أثناء التطوير لكن يصبح مؤلم بمجرد نشره. غالبًا ما يكون جافاسكريبت هو المسؤول ، حيث نادراً ما تتوافق العديد من الهواتف والأجهزة ذات الطاقة المنخفضة مع سرعة الكمبيوتر المحمول للمطور.

سحر أسترو هو في كيفية تجمع بين القيمتين الموضحة أعلاه - تركيز المحتوى والهندسة المعمارية الأولى للخادم - لصنع المقايضات وتقديم الميزات التي لا يمكن للأطر توفيرها. والنتيجة هي أداء الويب المذهل لكل موقع ويب، خارج الصندوق. هدفنا: يجب أن يكون من المستحيل تقريبًا بناء موقع ويب بطيء مع أسترو.

يمكن لموقع أسترو على الويب التحميل 40 ٪ أسرع مع 90 ٪ أقل جافاسكريبت استخداما من نفس الموقع الذي تم إنشاؤه مع إطار عمل React الأكثر شعبية. لكن لا تأخذ كلمتنا بدون تثبت: شاهد أداء أسترو، اترك Ryan Carniato (منشئ Solid.js و Marko) عاجز عن الكلام.

سهل الاستخدام

هدف أسترو هو أن يكون متاحًا لكل مطور ويب. تم تصميم أسترو ليشعر المستخدم بألفة و سلاسة بغض النظر عن مستوى المهارة أو التجربة السابقة مع أدواة تطوير الويب.

.astro هي لغة UI لمجموعة مركبات html صالحة : أي html صالحة هو مركب صالح لأسترو templating أيضا! لذلك إن استطعت كتابة HTML، فيمكنك كتابة مكونات أسترو! ولكن، يجمع أيضًا بين بعض ميزاتنا المفضلة المستعارة من لغات مكونات أخرى مثل تعبيرات JSX (React) و CSS بشكل افتراضي (Svelte و Vue). هذا التقارب من HTML يجعل من الأسهل استخدام أنماط التعزيز التدريجي وأنماط الوصول المشتركة دون أي عناء.

ثم تأكدنا من أنه يمكنك أيضًا استخدام لغات مكونات واجهة المستخدم المفضلة لديك التي تعرفها بالفعل، وحتى إعادة استخدام المكونات التي قد تكون لديك بالفعل.React و Preact و Svelte و Vue و Solid و Lit وغيرها، بما في ذلك مكونات الويب ، يتم دعمها جميعًا لتأليف مكونات واجهة المستخدم في مشروع أسترو.

تم تصميم أسترو ليكون أقل تعقيدًا من أطر عمل واجهة المستخدم الأخرى. أحد الأسباب الكبيرة لذلك هو أن أسترو تم تصميمه لتقديمه على الخادم، وليس في المتصفح. هذا يعني أنك لست بحاجة إلى القلق بشأن: السنانير (رد الفعل) ، والإغلاق الذي لا معنى له (رد فعل أيضًا) ، أو المرجع (VUE) ، أو الملاحظات (svelte) ، أو الذرات ، أو المختارين ، أو التفاعلات ، أو الاشتقاقات. لا يوجد تفاعل على الخادم ، لذلك يذوب كل هذا التعقيد.

أحد أقوالنا المفضلة هو: اختر التعقيد. صممنا أسترو لإزالة أكبر قدر ممكن من “التعقيد المطلوب” من تجربة المطور ، خاصةً كما أنت على متنها لأول مرة. يمكنك إنشاء موقع مثال “Hello World” في أسترو مع HTML و CSS فقط. بعد ذلك ، عندما تحتاج إلى بناء شيء أكثر قوة ، يمكنك الوصول إلى ميزات جديدة وواجهة برمجة التطبيقات الجديدة عند الضرورة.

يركز على المطور

نحن نعتقد اعتقادا راسخا أن أسترو ليس مشروع ناجح إلا إذا كان الناس يحبون استخدامه. لدى أسترو كل ما تحتاجه لدعمك أثناء البناء بأسترو.

يستثمر أسترو في أدوات المطورين مثل تجربة CLI رائعة من اللحظة التي تفتح فيها طرفية نظام الحاسوب الخاصة بك، وكذلك تقديم امتدادات رسمية على VS Code ل syntax highlighting، و TS و intellisense، والتوثيق المدعوم حاليا من المئات من المساهمين في المجتمع ومتاحة عبر 14 لغة.

مجتمعنا يرحب ويحترم ويشمل التحفيز والتشجيع وعلى استعداد لتوفير الدعم. افتح مؤشر ترابط `support#” للحصول على مساعدة في مشروعك.تفضل بزيارة قناة “showcase#” المخصصة لمشاركة مشروعك بأسترو، ومشاركات المدونة،ومقاطع الفيديو، وحتى العمل الذي في طور الإنجاز للحصول على ردود فعل آمنة والنقد البناء. شارك في الأحداث الحية العادية مثل مكالمة المجتمع الأسبوعية، “الحديث والثبات” ، وضربات API/Bug.

كمشروع مفتوح المصدر ، نرحب بالمساهمات من جميع الأنواع والأحجام من أعضاء المجتمع من جميع مستويات الخبرة. أنت مدعو للانضمام إلى مناقشات خريطة الطريق لتشكيل مستقبل أسترو، ونأمل أن تساهم في الإصلاحات والميزات في قاعدة الشفرة الأساسية، والمترجم، والمستندات، وأدوات اللغة، ومواقع الويب، وغيرها من المشاريع.