SolidJS•5mo ago

Solidstart routing group

/(auth)
  ├── /login
  │    └── index.tsx
  └── /register
       └── index.tsx

/(auth)
  ├── /login
  │    └── index.tsx
  └── /register
       └── index.tsx

I have two routes, login and register, and I want to share a common navbar across these routes. In Next.js, I would typically use the layout system to achieve this. Is there a similar way to implement a shared layout in SolidStart, where the navbar is defined in one place and applied to both routes?

6 Replies

Brendonovich•5mo ago

Put your layout in (auth).tx as a sibling to the (auth) folder

Md ShehabOP•5mo ago

and now i can catch the login and register route from (auth).tsx ??

Brendonovich•5mo ago

Yeah those two routes will be available as props.children in the layout like Next's app router

Md ShehabOP•5mo ago

sorry brother it is just not working in my case

Brendonovich•5mo ago

hmm try restarting the dev server? the login and register routes work without the layout being there yeah?

Md ShehabOP•5mo ago

yes after restarting the server it is working as like next.js. actullay i am very noob in solid.js but i really love how it approach :solid: thank you for your help

Gaming

Programming

Solidstart routing group