Ship Less JavaScript on Astro with Fred K. Schott

Astro is a hot new tool for building incredibly lean static websites with less JavaScript and your favorite framework including React, Svelte, and Vue.

Show Notes

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 and where it's heading. He also gives a demo of the tool itself.

Show Outline

• 01:15 - Schott's background
• 03:57 - What is Astro 
• 07: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

Creators & Guests

Host

Ishan Anand

VP Product

What is JavaScript Jam?

Scott Steinlage, Anthony Campolo, and Ishan Anand host JavaScript Jam, a podcast and weekly Twitter Space for frontend and full-stack developers focusing on web performance, Jamstack, and the future of the Web.