Skip to content
Guide

Route groups for docs and labs

Route groups let you split flows without changing the URL structure. Use them to keep guides, playground examples, and experiments cleanly separated in the filesystem.

Why it matters

  • Keep content and UI examples isolated by responsibility.
  • Share layout shells without duplicating markup.
  • Avoid deep nesting in the public URL.

Suggested structure

src/routes
  (marketing)/
  guides/
  playground/

Quick checklist

  • Use parentheses to create route groups.
  • Keep public URLs flat and consistent.
  • Share layout data in +layout.ts.
Built as a personal SvelteKit 5 lab with Supabase auth. Guides, patterns, and a playground you can actually ship.
Command Palette
Search for a command to run