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