Defining the Layout for the Address Book Tutorial in File-Based Routing

[m-haketa]

In the address book tutorial, the following layout is defined.

export default [
  layout("layouts/sidebar.tsx", [
    index("routes/home.tsx"),
    route("contacts/:contactId", "routes/contact.tsx"),
  ]),
  route("about", "routes/about.tsx"),
] satisfies RouteConfig;

Can I achieve the same routing setup using a file-based routing configuration? Specifically, I am unsure how to define a layout that is shared between the root route and the contacts/:contactId route.

[sergiodxa]

app/routes/about.tsx
app/routes/_sidebar.tsx
app/routes/_sidebar._index.thx
app/routes/_sidebar.contacts_.$contactId.ts

Something like that

[m-haketa]

Thank you very much! It worked.