# İlk Astro Sitenizi Yayınlayın

> Sıfırdan 45 dakikada deploy edilmiş statik site — içerik koleksiyonları, adalar ve Astro'yu anlatan zihinsel model.
>
> 2026-06-10 — y7.hk

## Neden Astro

Astro varsayılan olarak sıfır JavaScript gönderir. İçeriğiniz sunucuda düz HTML'e render edilir ve interaktif adalar yalnızca istediğiniz yerde hydrate olur. İçerik ağırlıklı kişisel bir site — blog, araştırma, galeriler — için tam olarak istenen denge budur.

## 45 dakikalık yol

1. `npm create astro@latest` — blog şablonunu seçin, TypeScript strict.
2. `src/content.config.ts` içinde zod şemalı bir içerik koleksiyonu tanımlayın.
3. İlk `.mdx` yazınızı yazın — frontmatter build zamanında doğrulanır.
4. `getStaticPaths()` + `render()` ile bir `[slug].astro` sayfası ekleyin.
5. Deploy: `astro build` her yerde barındırılabilen tamamen statik bir `dist/` üretir.

## Adalar: insanların kaçırdığı kısım

```astro
<Hero client:load />        <!-- hemen hydrate olur -->
<Chart client:visible />    <!-- görünüme kaydırıldığında hydrate olur -->
<Comments client:idle />    <!-- tarayıcı boştayken hydrate olur -->
```

Ekranın altında kalan her şey için `client:visible` kullanın. Lighthouse skorunuz size teşekkür eder.

## Sırada ne var

`[locale]` dinamik rotalarıyla i18n ekleyin — ayrıntısı [i18n dersinde](/tr/tutorials/i18n-for-static-sites/).