~/talk

All Things Astro

Talkat JNation 2024 · 2024-06-04..06-05· [web-platform, frontend-architecture]
slides:none on file

Astro 4 ships features that turn content sites into fast, interactive apps: view transitions implemented with two lines of code (moving to CSS in Chrome 126), the island architecture that hydrates only component-level JS, and built-in image optimization producing WebP/AVIF outputs. The talk demos a guestbook built with Astro DB (first‑party DB with a generous free tier), Drizzle and Zod validations, and experimental Astro Actions plus Solid client components. content collection caching cuts doc builds ~80% on a 4,000‑page site.

AI-written summary · about

  1. 0:00Introduction to Astro
  2. 1:04What is Astro framework
  3. 2:27Island architecture explained
  4. 4:56Astro 2.0 features
  5. 6:42Image optimization in Astro
  6. 7:27Starlight documentation tool
  7. 8:09Astro Dev Toolbar
  8. 9:34Astro DB introduction
  9. 11:00Live demo setup
  10. 15:13Displaying database comments
  11. 17:24Handling form submissions
  12. 20:59Adding like functionality
  13. 25:22Q&A and resources
~/search
type to search 6,249 conferences, 138,987 speakers and 185,172 talks
~/help
cmdctrl k
search every conference, speaker and series
/
focus the filter search
h
home
c
conferences
s
speakers
e
series
t
light / dark — the status bar button does the same
?
this help
esc
close this, then clear every filter — or just the search, while you are typing in it

Ignored while you are typing. Pages without a filter rail have no search to focus.