0Pricing
Sveltejs Academy · Lesson

Breaking Out of a Layout with +page@route

Reset the layout chain for a specific page using the @ segment notation.

Layout Reset Syntax

Use the @ syntax in a file name to break out of layouts up to a named ancestor.

Example: Reset to Root

Name your file +page@.svelte to break out of all layouts.

src/routes/admin/login/+page@.svelte   // skips admin layout

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