İlk Astro Sitenizi Yayınlayın

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 — ayrıntısı i18n dersinde.