creating folder in create-tsrouter-app's files based routing

[Ali-Milani-13]

I don't know how to use folders in create-tsrouter-app. I've read the documentation. and according to it, this structure must work:

routes
├── posts
   ├──index.tsx

but it doesn't. you can't always put files without folders inside of the routes directory, so, there should be a way to use folders

[schiller-manuel]

closed since you figured it out?

[Ali-Milani-13]

I can't fork it.

it is not on my side. it doesn't work.

Link here

[schiller-manuel]

"blocked" by what? a git repo is fine as well if stackblitz does not work. just need a complete example of what you tried and a short description what you expected to see (but did not work)

[Ali-Milani-13]

repo

cloned it to one of my repos.

what doesn't work?

navigating to /posts gives you not fount. and defining layout for it doesn't work. the _layout.tsx doesn't do anything. there's no output from it.

[schiller-manuel]

navigating to /posts gives you not fount.

don't see that happening in your example.

the _layout.tsx doesn't do anything. there's no output from it.

yes because you need to nest the routes as described in the docs:

https://tanstack.com/router/v1/docs/framework/react/guide/route-trees

If you do that, it works as expected:

Ali-Milani-13/some-test#1

[Ali-Milani-13]

oh. ok. thanks for the answer. but it is so much effort to just set up a layout. in next.js you just create the layout file and that's it. even in expo with react-native, you just create _layout.tsx and it is over.
I think, it should be streamlined.

I appreciate your effort, and by the way, the correction was made by YOU. there's no such code example in the given document. it's just a simple tree structure with barely 5 lines of code.

that's not going to cover these issues.

[schiller-manuel]

which correction?

[Ali-Milani-13]

the correction you've made to my code. adding the routeTree.gen file and changing the folder structure. also I copied the sample from this repository itself, so the sample was like that.

the folder and file structure are confusing and although the routeTree.gen.ts is automatically created, it is not the best DX.

it would be more sensible to not have a layout folder at all and have a _layout.tsx or layout.tsx as a layout file and no need to routeTree.gen.

also inside of the posts you have _layout.tsx and another folder called _layout and then there's an index.tsx inside of it.

routing system should be more developer friendly.

I don't think anything else can give the comfort of CRA. sure, it didn't come with routing system built in, but it was much more convenient than anything I've ever used for creating SPAs and I don't really want to sacrifice that convenience. and now, next.js is more convenient than the solution here.