0 views
Read
#0
Belajar Astro - Pre-Requisites Skill & Setup Environment
Sebelum menyentuh Astro, kalian perlu menguasai HTML, CSS, dan JavaScript modern, memahami konsep komponen dan static site generation, serta nyaman dengan package manager dan command line. Di episode ini kalian juga menyiapkan Node.js, editor, dan memverifikasi instalasi pertama.
August 10, 2026
00
Read
#1
Belajar Astro - Sejarah, Latar Belakang & Mengapa Membutuhkan Astro
Episode ini menelusuri sejarah Astro sejak lahir sebagai framework untuk content-focused sites, evolusinya dari versi awal hingga rilis stabil, serta masalah yang diselesaikan: bundle JavaScript yang membengkak, arsitektur content-first, dan partial hydration.
August 10, 2026
00
Read
#2
Belajar Astro - Konsep Dasar & Arsitektur Utama
Episode ini membedah cara kerja Astro di balik layar: compiler dan build pipeline berbasis Vite, model rendering statis versus server, island architecture untuk hydration parsial, serta peran src/pages, src/components, public, dan content collections.
August 10, 2026
00
Read
#3
Belajar Astro - Memulai Proyek Astro
Episode ini mengajak kalian membuat proyek Astro pertama dengan npm create astro@latest, memahami struktur proyek dan file penting seperti astro.config.mjs dan tsconfig.json, menjalankan dev server, serta menyiapkan TypeScript, ESLint, dan formatting.
August 10, 2026
00
Read
#4
Belajar Astro - Pages, Layouts & Components
Episode ini membangun fondasi UI Astro: membuat halaman di src/pages, layout reusable dengan slot di src/layouts, komponen Astro dengan props dan frontmatter, perbedaan komponen framework, serta styling dengan CSS global, scoped styles, dan Tailwind.
August 10, 2026
00
Read
#5
Belajar Astro - Content & Markdown
Episode ini membahas pengelolaan konten di Astro: menulis dengan Markdown dan MDX, content collections dengan schema yang tervalidasi, frontmatter dan metadata, serta cara menampilkan konten dinamis di halaman statis.
August 10, 2026
00
Read
#6
Belajar Astro - Data Fetching & Server-side Rendering
Episode ini membahas pengambilan data di Astro: fetching saat build time di frontmatter, integrasi API eksternal dan content layer, server-side rendering dengan adapter SSR, serta progressive dan partial hydration untuk halaman dinamis.
August 10, 2026
00
Read
#7
Belajar Astro - Interactivity & Hydration
Episode ini membahas interaktivitas di Astro: partial hydration dengan directive client:load, client:idle, dan client:visible, penggunaan komponen React, Vue, Svelte, atau Solid sebagai pulau, serta strategi mengelola bundle JavaScript agar tetap ringan.
August 10, 2026
00
Read
#8
Belajar Astro - Configuration & Environment
Episode ini membahas konfigurasi Astro: isi dan opsi astro.config.mjs, environment variables dengan import.meta.env, integrasi plugin dan adapter, serta optimasi build dan pengaturan output path.
August 10, 2026
00
Read
#9
Belajar Astro - Images & Asset Optimization
Episode ini membahas optimasi gambar di Astro: komponen Image dan Picture dari astro:assets untuk responsive image, pengelolaan aset dan file statis di public dan src/assets, lazy loading media, serta cache control dan integrasi CDN.
August 10, 2026
00