Islands First
Layouts & slots
Lesson 5 of 5
A layout wraps a page's content through a <slot/>, keeping shared chrome in one place.
What you'll learn
- Use a layout component to wrap page content
- Understand <slot/> as the hole where children render
- Nest layouts so shared chrome composes outermost-first
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