ما هو Astro؟

Astro يبني مواقع سريعة جداً. يُرسل HTML فقط بدون JavaScript إلا عند الحاجة. "Islands Architecture".

Component أساسي

---
// الكود يعمل على السيرفر فقط
const posts = await fetchPosts();
const title = "مدونتي";
---


  
    
  
  
    
{title}
    

      {posts.map(post => (
        
{post.title}
      ))}
    
  

استخدام React/Vue Inside

---
import ReactCounter from './Counter.jsx';
---

صفحة ثابتة

client Directives

client:load    - يحمّل فوراً
client:visible - عند الظهور
client:idle    - عند فراغ المتصفح
client:media   - عند media query

الخلاصة

Astro ممتاز للمدونات والتوثيق والمواقع المعتمدة على المحتوى. أداء خيالي.