Skip to content

App shell, routes, and navigation

View as Markdown

The generated frontend separates application route ownership from reusable shell layout. Use the leaf that matches the change:

  • Application routes and navigation covers App.tsx contributions, bootstrap order, public/protected routes, SapportaRoutes.tsx and the framework screens it mounts, generated table navigation, and the frontend authorization boundary.
  • Layout and sidebar covers responsive sidebar primitives, AppPage, page headers, bounded workspaces, height, and scrolling.

Project screens use these public extension points rather than replacing SapportaApp or mounting a second application shell.