Bye-bye, weeds! Digital Gardening with Astro, SolidJS, & MDX
summary
A four‑page Gatsby site migrates to Astro + SolidJS + MDX and compiles down to mostly HTML with far less client JavaScript, completed in about 10 hours of work. Key specifics: Astro Islands let interactive pieces hydrate selectively, content collections plus Zod give type‑safe front matter, and the new image API optimizes images as webp but requires passing a destructured image function to render in dynamic routes. Deployment succeeds but reveals a CSS load‑order gotcha.
AI-written summary · about
chapters (7)
- 0:00Introduction
- 3:34Digital garden and Gatsby journey
- 10:26Switching from Gatsby to Astro
- 15:50Astro first impressions and CSS
- 20:46Astro content collections and images
- 28:13Astro static paths and TypeScript
- 30:59SolidJS not needed and closing
related talks
36mBye bye, weeds! Digital Gardening with Astro, SolidJS, & MDX
26mAll Things Astro
17mAstro: Revolutionizing Modern Web Development
21mAll Things Astro
37mAstro & island architectures: build fast and SEO friendly websites
21mAll Things Astro
15mAll Things Astro
14mAstro: A New Era of Efficient Lazy Loading