Warp Speed Web Dev with Astro
summary
Astro claims zero JavaScript by default and shows it: the dev server emits ~100 requests and 2.1 MB, but a build + preview drops to ~191 KB and achieves Lighthouse 100 in the demo. It uses Vite for dev, supports MDX and image optimization, and runs multi-framework components (React/Vue/Svelte) inside an islands architecture that lazy-loads runtimes with directives like client:load and client:visible, demonstrated by a hydrated counter and a deferred carousel.
AI-written summary · about
chapters (11)
- 0:00Introduction to Astro
- 1:07What is Astro
- 8:54Astro file structure
- 13:04Static generation & islands
- 18:49View Transitions API
- 20:16Live demo Astro project
- 24:57Astro performance with Lighthouse
- 28:53Astro hello world template
- 32:52Astro island architecture demo
- 38:34Q&A micro frontends & routing
- 44:11Astro use cases & limits
related talks
24mAstro - Less JavaScript, Faster website - JSWORLD2023
32mZero-JavaScript Web Development with Astro
21mRevolutionizing Web Development with Astro Build
26mAstro: Built Fast by Default
37mAstro & island architectures: build fast and SEO friendly websites
14mAstro: A New Era of Efficient Lazy Loading
30mGoing Full-Stack with Astro
22mBuilding faster content-driven sites