fair-rose

Router layouts inside subdirectory and prefixing

Gut check since I'm mostly brand new to Router and start, when creating a layout for a sub-route, it shows here that you could define it like this to create a Posts layout, is there any way to keep that layout file inside the subdirectory without having to prefix all the other pages inside it such as index and $postId?

21 Replies

harsh-harlequin•14mo ago

what do you mean by " without having to prefix all the other pages inside it such as index and $postId?" ?

fair-roseOP•14mo ago

like, in my start project this is how im doing a layout for all /logs routes

fair-roseOP•14mo ago

that may be completely wrong already, though lol

harsh-harlequin•14mo ago

hmmm

fair-roseOP•14mo ago

where _logs.tsx is the layout I'd prefer to just have like: _layout.tsx, index.tsx, $logId.tsx, and legacy.$logId.tsx

harsh-harlequin•14mo ago

so you can do a lot of variations here

logs/
  _logs.tsx
  _logs/
    index.tsx
    $logId.tsx

logs/
  _logs.tsx
  _logs/
    index.tsx
    $logId.tsx

or just this, no separate layout:

logs.tsx <== put the layout in here!
logs/
    index.tsx
    $logId.tsx

logs.tsx <== put the layout in here!
logs/
    index.tsx
    $logId.tsx

or this

logs/
    route.tsx <== put the layout in here!
    index.tsx
    $logId.tsx

logs/
    route.tsx <== put the layout in here!
    index.tsx
    $logId.tsx

fair-roseOP•14mo ago

ahhh so route.tsx sort of functions like layout.tsx in next?

harsh-harlequin•14mo ago

it can act as such it is "just" the route definition of the "logs" route and as such it can also have a component and that component can render more than just an <Outlet> and that is then what can be called a "layout"

fair-roseOP•14mo ago

I see many options here now to pick one 🤣 ty

harsh-harlequin•14mo ago

you can also rename "route.tsx" to something else its configurable

fair-roseOP•14mo ago

😳

harsh-harlequin•14mo ago

just to open up some more things

fair-roseOP•14mo ago

where @?

harsh-harlequin•14mo ago

https://tanstack.com/router/v1/docs/framework/react/guide/file-based-routing#options