| type | tutorial | |||||
|---|---|---|---|---|---|---|
| unitTitle | Save time and energy with reusable page layouts | |||||
| title | Check in: Unit 4 - Layouts | |||||
| sidebar |
|
|||||
| description | Tutorial: Build your first Astro blog — Use Astro layouts to share common elements and styles across your pages and posts | |||||
| i18nReady | true | |||||
| head |
|
import Box from '/components/tutorial/Box.astro';
import Checklist from '/components/Checklist.astro';
Now that you can build with components, it's time to create some custom layouts!
In this unit, you'll build layouts to share common elements and styles across your pages and blog posts.
To do this, you will:
- Create reusable layout components
- Pass content to your layouts with
<slot /> - Pass data from Markdown frontmatter to your layouts
- Nest multiple layouts