Ship Less JavaScript with Astro | Fred K. Schott

Astro is a hot new tool for building incredibly lean static websites with your favorite framework, including React, Svelte, and Vue. By default, Astro ships 0 JavaScript to the browser, only loading fully interactive components as needed. Co-creator Fred K. Schott joins us to share how Astro got started, where it's heading, and gives a demo of the tool itself.

Key moments:
• 1:15 - Schott's background
• 3:57 - What is Astro
• 7:14 - Lazy hydration
• 10:12 - Astro's origin story
• 12:26 - How modern tech separates Astro from 11ty
• 17:00 - Astro demo
‣ 17:05 - Getting started
‣ 21:58 - Starter template
‣ 22:20 - Source directory, where the magic happens!
‣ 23:12 - Scope styling 27:27
‣ 27:48 - Components
‣ 34:55 - Passing down props
• 38:47 - Who should use Astro
• 41:10 - 1.0 Launch
• 41:29 - Who's currently using Astro
• 43:30 - Layer0's docs for Astro
• 44:52 - Astro's funding and monetization