How to keep Sidebar as it is and switch between pages in Next.JS?

JavaScript
1

Hello Everyone!! I recently switched from react to next. I made single Page Web Apps using Next.JS.
Now, I want to make a multiple pages website project in Next.JS.
There is a Sidebar like this:

image
image1398×723 14.6 KB

I defined the pages and routes.
image
image823×551 6.53 KB

When I click on any link in the side bar, the sidebar collapses and showing a new page.
How to keep the side bar and switch between pages like I use to do in React-Router-DOM.
Any help would be appreciated.
Thanks in Advance!!
Om

2

You can use a layout. How you do it depends on if you are using the /pages or /app directory.

3

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.