Our new website is built using Next.js, which functions as a single-page application. However, because the mega menu contains absolute paths for each page, clicking on these links triggers a full page reload. While this might not be immediately apparent, it can have a significant impact, particularly on users with low bandwidth connections.
To improve this, we need the following things with our menu.
- Custom component to support Next's links i.e
- Update the links for new pages to relative Paths
TODO: Video