Astro Crash Course in 20 Minutes!
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: • Live Code: Astro Static Site Generato...
- Astro Icon library: • Astro Icon Component (Warning: it may...
---------------------------------------
⏲️ 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...
- Theme: https://marketplace.visualstudio.com/...
- Icons: https://marketplace.visualstudio.com/...
---------------------------------------
🌐 Connect With Me 🌐
- Website: https://codinginpublic.dev
- Blog: https://chrispennington.blog
- Twitter: / cpenned
- Patreon: / coding_in_public
- Buy Me a Coffee: https://www.buymeacoffee.com/chrispen...