I-As.Dev

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

In this video, we’ll cover the basics of Astro components by building a footer, nav, and link component. We’ll focus on handling data between components, optional rendering, using TypeScript, and more.

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

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

🔗 Additional Links 🔗
- Astro Integrations: https://astro.build/integrations/
- Astro Icon: https://github.com/natemoo-re/astro-icon#readme
- Iconify Icons: https://icones.js.org/collection/all

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

⏲️ Timestamps ⏲️
0:00 Introduction
1:10 Footer component
3:57 Nav component
9:32 Link component
16:06 Finalizing the Nav 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