I-As.Dev

Join the early access list for my course! https://learnastro.dev

Astro is a modern take on static site generators, but it's so much more than that! By default, it ships zero client-side JavaScript, so it's incredibly performant and ideal for content-rich sites. Better still, you can use nearly any UI framework for the markup and then only hydrate those components when they need to be interactive. Here’s the briefest of overviews in about 20 minutes.

🔗 Key Links 🔗
- Astro: https://astro.build

---------------------------------------

📹 Related Videos 📹
- Astro Live stream: https://youtube.com/watch?v=59N0wkvf12I
- Astro Icon library: https://youtu.be/8LRY7-985yE

---------------------------------------

⏲️ Timestamps ⏲️
0:00 Introduction
2:28 Installation
3:04 Astro Structure
4:27 Astro Components
6:30 Layouts and Slots
10:43 CSS
14:10 Client-side JavaScript
16:49 Tailwind in Astro
18:14 React Components in Astro

---------------------------------------
🎨 VSCode Theming
- Font: Cascadia Code: https://github.com/microsoft/cascadia-code
- Theme: https://marketplace.visualstudio.com/items?itemName=Equinusocio.vsc-community-material-theme
- Icons: https://marketplace.visualstudio.com/items?itemName=BeardedBear.beardedicons

---------------------------------------

🌐 Connect With Me 🌐
- Website: https://codinginpublic.dev
- Blog: https://chrispennington.blog
- Twitter: https://twitter.com/cpenned
- Patreon: https://www.patreon.com/coding_in_public
- Buy Me a Coffee: https://www.buymeacoffee.com/chrispennington