الموقع كله تطبيق جوّه المتصفحAstro مش أحسن بداية. لو محتوى، كمّل
عايز HTML سريع من غير JSصفحة
.astro من غير client:حتة بس لازم تتفاعلجزيرة بـ
client:visible مش load للكلالقائمة على الموبايل بس
client:mediaمكوّن بيلمس
window وقت الرندرclient:only مع اسم الإطارجزيرتين مش شايفين نفس الرقماجمعهم أو store مشترك، متصحّيش الصفحة
class على المكوّن مش ظاهراستقبله من
Astro.props وحطه على العنصرستايل مش واصل لجوه الـ slot
:global() أو متغير CSSملف في public مش بيتظبطده طبيعي. المعالجة في
srcصفحة ديناميكية فاضية في البناء
getStaticPaths ترجع كل paramsمسار بأكتر من مستوى
[...slug]مقالات كتير بنفس الشكلمجموعة في
content.config.ts مش ملف لكل واحدة في pagesZod نسخة غلطاستورد
z من astro/zodسعر بيتغير كل شويةمجموعة حية في
live.config.tsصورة كبيرة على الموبايل
Image مع widths و sizesخط بيتجاب من دومين تانيFonts API يخدمه من موقعك
سر ظهر في المتصفحكان في حزمة العميل.
astro:env/server بسكوكي الزائر على صفحة ثابتةمتتقراش.
prerender = false أو جزيرة سيرفرالبناء طالب adapterفيه مسار عند الطلب. ركّب adapter الاستضافة
hybrid في كونفج قديماتشال. استخدم prerender على الملفصندوق شخصي على صفحة ثابتة
server:defer و fallbackفورم والتحقق بايظAction بـ Zod
تحديث الصفحة بيكرر الفورمPOST ثم redirect ثم GET مع جلسة
التحقق بيوصل بعد الـ Action
src/fetch.ts ورتّب التحقق قبل actionsعندك
src/fetch.ts بالغلطسمّه أو fetchFile: nullصفحة سيرفر بطيئة وبياناتها شبه ثابتة
Astro.cache بـ maxAge و tagsالـ CMS غيّر محتوى والكاش لسه قديم
cache.invalidate بالوسمكلمتين لازقين بعد الترقيةمسافة
{" "} أو compressHTML: trueتاج مش متقفّل والبناء وقعكود Rust مش بيصلّح HTML. قفّله
remark مش شغال
@astrojs/markdown-remark و unified()سايت ماب فاضي أو روابط غلطظبط
site و base و trailingSlashانتقال أنعم بين الصفحات
ClientRouter مش تحويل الموقع لـ SPAثابت قديم زي TRANSITION_AFTER_SWAPاسم الحدث
astro:after-swapقبل ما تنشر
astro check ثم build ثم previewخلّصت المذكرة لما
🧠 اختبر نفسك
١) افتراضي Astro للزائر جافاسكربت قد إيه؟
ولا حاجة، لحد ما تحط
script أو client: أو ClientRouter.٢) بيانات زائر على صفحة بتتبنى؟
لأ. سيرفر أو جزيرة
server:defer.٣) أول ملف تفتحه لو الـ Action بيتنفّذ قبل التحقق؟
src/fetch.ts عشان ترتّب الأنبوب.