Ship Less JavaScript with Astro | Fred K. Schott

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 with less JS.

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: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