SolidJS•2mo ago

Shared Layouts with SolidStart

I wondered if its possible to have a shared Layout for the routes / and /pricing but not for /dashboard e.g. I have a navbar I want to show only on that routes. From the docs it seems like it's only possible for pages inside folders so /landing/ /landing/pricing having a different layout then /dashboard would work?

2 Replies

peerreynders•2mo ago

I think you are looking for route groups I believe it goes something like this:

|-routes/
  |-dashboard
  | |-index.tsx
  |
  |-(main).tsx // layout for `/` and `/pricing`
  |-(main)
    |-index.tsx   // `/`
    |-pricing
      |-index.tsx // `/pricing`

|-routes/
  |-dashboard
  | |-index.tsx
  |
  |-(main).tsx // layout for `/` and `/pricing`
  |-(main)
    |-index.tsx   // `/`
    |-pricing
      |-index.tsx // `/pricing`

SolidStart Release Candidate Documentation

Early release documentation and resources for SolidStart Release Candidate

NotLuksus•2mo ago

Yeah that worked, thank you!

Gaming

Programming

Shared Layouts with SolidStart