Just like we have _app.tsx and we can receive a Component in props dynamically according to the route, can we have another page at a different level with the same kind of functionality?
Here is an example of what I require:
My App page has a static header and dynamic body. The static header has links, when a link is clicked the body changes according to the route. With _app, this works perfectly fine. However, there is another page called Settings which shows in the body of _app. In Settings page, there is another level of routing. This page has further two sections; a NavBar and a body. The NavBar has links and when the user clicks in one of the links, the subroute changes accordingly.
I understand that one way this can be acheived is to add NavBar to all the subroutes of Settings page but I am looking for a better way.
How is this possible?
