Now that you have
.md files generating entire pages on your website, let’s make and reuse smaller bits of HTML with Astro components!
Where are we now?Section titled Where are we now?
Check your code against this example, or if you've just joined us, fork on StackBlitz to start coding along in your browser from here.
Where are we going?Section titled Where are we going?
In this unit, you’ll learn how to create Astro components to reuse code for common elements across your website.
- A Navigation component that presents a menu of links to your pages
- A Footer component to include at the bottom of each page
- A Social Media component, used in the Footer, that links to profile pages
- An interactive Hamburger component to toggle the Navigation on mobile