Zero-JavaScript Web Development with Astro
summary
Astro 3.0 claims zero JavaScript by default and uses an Islands architecture (partial hydration) to only send JS for interactive pieces, cutting client JS by ~90% in examples and improving render speed by ~30% (benchmarks up to 75%). Stable image optimization converts big files (example 500KB → ~7KB) and view transitions are supported with a simple component for smooth navigations. Built-in features shown: file-based routing, content collections with Zod validation, npx astro add (React + Tailwind) and adapters for Vercel/Netlify/Cloudflare.
AI-written summary · about
chapters (15)
- 0:00Introduction
- 1:33What is Astro
- 4:51SPA challenges vs Astro
- 6:42Island architecture explained
- 9:09Why choose Astro
- 11:39Island architecture for performance
- 13:32Frameworks and content in Astro
- 14:58Live demo Astro components
- 18:10Astro DevTools
- 19:39Astro syntax and routing
- 21:25View transitions in Astro 3.0
- 24:59Image optimization in Astro 3.0
- 27:47Content collections
- 30:00Summary
- 31:21Q&A
related talks
21mRevolutionizing Web Development with Astro Build
24mAstro - Less JavaScript, Faster website - JSWORLD2023
26mAstro: Built Fast by Default
45mWarp Speed Web Dev with Astro
21mAll Things Astro
37mAstro & island architectures: build fast and SEO friendly websites
22mBuilding faster content-driven sites
26mAll Things Astro