I-As.Dev

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

In this lesson, we’ll build out an Astro card component for handling blog posts throughout the site.

🔗 Key Links 🔗
- Github lesson code: https://github.com/coding-in-public/astro-blog-tutorial/tree/lesson-8
- Demo site: https://codinginpublic.dev/projects/astro-blog-tutorial/
- Full Astro Blog Course playlist: https://youtube.com/playlist?list=PLoqZcxvpWzzeRwF8TEpXHtO7KYY6cNJeF

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

⏲️ Timestamps ⏲️
0:00 Introduction
0:46 Fetch all markdown pages
2:00 Post Card component
11:05 Displaying posts as cards

---------------------------------------
🎨 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