BeginnerAstro45 daq10-iyn, 2026

Birinchi Astro saytingizni ishga tushiring

45 daqiqada noldan joylashtirilgan statik saytga — kontent kolleksiyalari, orollar va Astroni tushuntiradigan mental model.

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 — bu alohida dars.

Darsliklar