Virtual physical routes

In virtual routes

physical('/posts', 'posts'),

physical('/posts', 'posts'),

└── posts
    ├── route.tsx (layout file not working)
    ├── index.tsx
    ├── $postId.tsx
    ├── $postId.edit.tsx
    ├── comments/
    │   ├── index.tsx
    │   ├── $commentId.tsx
    └── likes/
        ├── index.tsx
        ├── $likeId.tsx

└── posts
    ├── route.tsx (layout file not working)
    ├── index.tsx
    ├── $postId.tsx
    ├── $postId.edit.tsx
    ├── comments/
    │   ├── index.tsx
    │   ├── $commentId.tsx
    └── likes/
        ├── index.tsx
        ├── $likeId.tsx

└── posts
    ├── directory
    └─├── route.tsx (now working fine)
      ├── index.tsx
      ├── $postId.tsx
      ├── $postId.edit.tsx
      ├── comments/
      │   ├── index.tsx
      │   ├── $commentId.tsx
      └── likes/
          ├── index.tsx
          ├── $likeId.tsx

└── posts
    ├── directory
    └─├── route.tsx (now working fine)
      ├── index.tsx
      ├── $postId.tsx
      ├── $postId.edit.tsx
      ├── comments/
      │   ├── index.tsx
      │   ├── $commentId.tsx
      └── likes/
          ├── index.tsx
          ├── $likeId.tsx

we need to create an additional directory to make route.tsx work as layout wrapper. it is expected behavior. https://stackblitz.com/edit/github-93ulbqhx?file=routes.ts in this official example this hack is found.

StackBlitzSteve Steinitz

Router Basic Virtual File Based Example - StackBlitz

Run official live example code for Router Basic Virtual File Based, created by Tan Stack on StackBlitz

TanStack•7mo ago•

1 reply

ordinary-sapphire

Virtual physical routes

In virtual routes

physical('/posts', 'posts'),

physical('/posts', 'posts'),

└── posts
    ├── route.tsx (layout file not working)
    ├── index.tsx
    ├── $postId.tsx
    ├── $postId.edit.tsx
    ├── comments/
    │   ├── index.tsx
    │   ├── $commentId.tsx
    └── likes/
        ├── index.tsx
        ├── $likeId.tsx

└── posts
    ├── route.tsx (layout file not working)
    ├── index.tsx
    ├── $postId.tsx
    ├── $postId.edit.tsx
    ├── comments/
    │   ├── index.tsx
    │   ├── $commentId.tsx
    └── likes/
        ├── index.tsx
        ├── $likeId.tsx

└── posts
    ├── directory
    └─├── route.tsx (now working fine)
      ├── index.tsx
      ├── $postId.tsx
      ├── $postId.edit.tsx
      ├── comments/
      │   ├── index.tsx
      │   ├── $commentId.tsx
      └── likes/
          ├── index.tsx
          ├── $likeId.tsx

└── posts
    ├── directory
    └─├── route.tsx (now working fine)
      ├── index.tsx
      ├── $postId.tsx
      ├── $postId.edit.tsx
      ├── comments/
      │   ├── index.tsx
      │   ├── $commentId.tsx
      └── likes/
          ├── index.tsx
          ├── $likeId.tsx

StackBlitzSteve Steinitz

Router Basic Virtual File Based Example - StackBlitz

Run official live example code for Router Basic Virtual File Based, created by Tan Stack on StackBlitz

Virtual physical routes

Similar Threads

Virtual physical routes

Similar Threads

Similar Threads

Similar Threads