Astro Crash Course in 20 Minutes!

Video Description

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