I-As.Dev

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

In this lesson, we’ll look at how to wrap markdown posts in an Astro component, how to handle markdown frontmatter in Astro, how to fetch all .md posts, how to use the Astro image integration, and more.

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

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

🔗 Additional Links 🔗
- Astro Image Integration: https://docs.astro.build/en/guides/images/

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

⏲️ Timestamps ⏲️
0:00 Introduction
1:08 Blog post layout
7:40 Adding helper functions
11:10 Astro image integration
17:01 Extract Header component

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