0Pricing
Sveltejs Academy · Lesson

Route-Level Layouts

Add a layout that applies only to a specific route and its children.

Specific Layouts

You can add a layout that applies only to a specific route and its children by placing +layout.svelte in that route's folder.

Stacking

Nested layouts stack: the root layout wraps the section layout, which wraps the page.

All lessons in this course

  1. Layout Groups with (group)
  2. Route-Level Layouts
  3. Breaking Out of a Layout with +page@route
  4. Shared Data Across Layouts
← Back to Sveltejs Academy