Feature Request :: Nested URLs without Nesting Layouts

Having support for convention-based nested URLs while being able to escape from the default layout convention in a given folder would be awesome. 😄

As per the remix.run docs: https://remix.run/docs/en/v1/guides/routing#nested-urls-without-nesting-layouts

So, if we want a flat UI hierarchy, we create a flat filename–we use “.” to create segments instead of folders. This defines URL nesting without creating component nesting.

└── app
    ├── root.jsx
    └── routes
        ├── sales
        │   ├── invoices
        │   │   └── $invoiceId.jsx
        │   └── invoices.jsx
        ├── sales.invoices.$invoiceId.edit.jsx 👈 not nested
        └── sales.jsx

Just for absolute clarity, if the url is “example.com/sales/invoices/2000/edit”, we’ll get this UI hierarchy that matches the file system hierarchy:

<Root>
  <EditInvoice />
</Root>

[davemo]

Thank you for the examples! ❤️

[oedotme]

Yup, that’s supported with multiple params as well, thanks to @bzbetty. Here’s an example: