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...
Watch video Astro Crash Course in 20 Minutes! online without registration, duration hours minute second in high quality. This video was added by user Coding in Public 02 December 2022, don't forget to share it with your friends and acquaintances, it has been viewed on our site 57,56 once and liked it 2.1 thousand people.