Next.js Discord

Discord Forum

"Tabs" Design and Architecture Question

Unanswered
seanicus posted this in #help-forum
Open in Discord
Hi all, as you can see on the image, I am creating this design. Each "tab" is technically its own page and a user should be able to click through different tab/page or close them. I'm assuming I have to use parallel and dynamic routes but wanted some feedback. How would you go about approaching this and setting up the architecture?

Some assumptions:
- I will have to take advantage of the layout.tsx to hold the general design and tab logic
- I will have to find a way to cache page states so that a user can quickly navigate between tabs without it re-rendering every time
- Each tab/page has to be dynamic, because a user can have multiple "tabs" but each with different content

Any help or guidance is much appreciated. Thank you

1 Reply

bump