Memulai dengan Astro

Astro adalah framework web modern yang dirancang untuk membangun website cepat yang berfokus pada konten. Berbeda dari framework lain, Astro mengirimkan nol JavaScript ke browser secara default.

Mengapa Astro?

• Performa utama: Server-side rendering dengan JavaScript client minimal
• Arsitektur islands: Komponen interaktif hanya di mana diperlukan
• Mendukung semua framework: Gunakan React, Vue, Svelte, atau vanilla JS
• Dukungan built-in Tailwind CSS

Instalasi

npm create astro@latest my-blog
cd my-blog
npm run dev

Membuat Halaman Pertama

Halaman dalam Astro berada di src/pages/. Buat file index.astro:

---
const title = "Selamat Datang di Blog Saya";
---

<h1>{title}</h1>
<p>Ini adalah halaman Astro pertama saya.</p>

Menambahkan Islands Interaktif

Ingin interaktif? Tambahkan komponen framework dengan client:load:

import Counter from '../components/Counter.vue';

<Counter client:load count={0} />

Selesai! Astro menangani sisanya — mengirimkan hanya JavaScript yang dibutuhkan komponen interaktif Anda.