Birinchi Astro saytingizni ishga tushiring

Nega Astro

Astro standart bo’yicha nol JavaScript yuboradi. Kontentingiz serverda oddiy HTMLga render qilinadi va interaktiv orollar faqat siz so’ragan joyda hidratatsiyalanadi. Kontentga boy shaxsiy sayt — blog, tadqiqot, galereyalar — uchun aynan kerakli balans shu.

45 daqiqalik yo’l

1. npm create astro@latest — blog shablonini tanlang, TypeScript strict.
2. src/content.config.tsda zod sxemali kontent kolleksiyasini belgilang.
3. Birinchi .mdx postingizni yozing — frontmatter build vaqtida tekshiriladi.
4. getStaticPaths() + render() bilan [slug].astro sahifasi qo’shing.
5. Joylashtirish: astro build istalgan joyda xostlash mumkin bo’lgan to’liq statik dist/ hosil qiladi.

Orollar: odamlar o’tkazib yuboradigan qism

<Hero client:load />        <!-- darhol hidratatsiyalanadi -->
<Chart client:visible />    <!-- ko'rinishga kelganda hidratatsiyalanadi -->
<Comments client:idle />    <!-- brauzer bo'shganda hidratatsiyalanadi -->

Fold ostidagi hamma narsa uchun client:visibleni tanlang. Lighthouse balingiz rahmat aytadi.

Keyingisi nima

[locale] dinamik yo’llari bilan i18n qo’shing — batafsil i18n darsligida.