Islands First
.astro components & props
Lesson 2 of 5
The frontmatter script runs on the server at build time; the template below renders HTML from its values.
What you'll learn
- Split an .astro file into frontmatter script and template
- Understand the script runs once on the server at build time
- Pass data into a component through Astro.props
Members only
A free account unlocks this lesson and every other one.
Runnable challenges, knowledge checks, and progress that syncs across your devices. No card needed.
Not sure yet? Try the free lesson first: File-based routing