I’m working on a Next.js project and have implemented a SideNav component that dynamically generates navigation items based on the modules returned from an API. Each nav item has an href that is encoded using a custom function, and when a nav item is clicked, router.push(href) is called to navigate to the corresponding page.

I’m working on a Next.js project and have implemented a SideNav component that dynamically generates navigation items based on the modules returned from an API. Each nav item has an href that is encoded using a custom function, and when a nav item is clicked, router.push(href) is called to navigate to the corresponding page.