SolidJS•6mo ago

Solid Start Nested Router

Hi Guys! How to Implement Partial Page Refresh (Nested Routing) I am developing an admin dashboard with a top navigation bar, a left-side menu, and a right-side content area. I am not sure how to simultaneously handle a standalone login page and update the right content area by clicking on the left-side menu using a single file routing approach. The login page has an independent layout, while after login, the layout is fixed and the route changes should only update the right-side content.

5 Replies

Brendonovich•6mo ago

Nested routing is covered here, you should be able to build all sorts of layout combinations

Brendonovich•6mo ago

If you want a more comprehensive example, we use a (dash) group + layout for top bar + content routes, and (flow) for the entirely separate login routes https://github.com/mattrax/Mattrax/tree/main/apps/web/src/app

GitHub

Mattrax/apps/web/src/app at main · mattrax/Mattrax

Open source MDM for all your devices. Contribute to mattrax/Mattrax development by creating an account on GitHub.

MtliveOP•6mo ago

Sorry, I don't quite understand your code, I want to implement this capability as shown in this document, but I don't know how to do it in the case of FileRoutes https://docs.solidjs.com/solid-router/concepts/layouts#nested-layouts

Brendonovich•6mo ago

/routes
  users.tsx   // PageWrapper
  /users     
    index.tsx // Users
    [id].tsx  // User

/routes
  users.tsx   // PageWrapper
  /users     
    index.tsx // Users
    [id].tsx  // User

MtliveOP•6mo ago

thanks!

Gaming

Programming

Solid Start Nested Router