BeginnerAstro45 dak10 Haz 2026

İ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.

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

<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 — bu ayrı bir ders.

Eğitimler