# Birinchi Astro saytingizni ishga tushiring

> 45 daqiqada noldan joylashtirilgan statik saytga — kontent kolleksiyalari, orollar va Astroni tushuntiradigan mental model.
>
> 2026-06-10 — y7.hk

## 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.ts`da 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

```astro
<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:visible`ni tanlang. Lighthouse balingiz rahmat aytadi.

## Keyingisi nima

`[locale]` dinamik yo'llari bilan i18n qo'shing — batafsil [i18n darsligida](/uz/tutorials/i18n-for-static-sites/).