Performance: SideNav slow loading

[tayv]

Overview:

The SideNav component is used for layout within LayoutContainerSide. It receives an articleList prop that it maps through to render the list of articles in the side navigation and apply the appropriate css styling. The current article page is highlighted.

The Problem:

• Loading seems slower than it should be.
• Appears to be re-rendering the whole page and not just the main article content

[asherccohen]

I'm not sure about the performance but if I remember correctly Layouts in Next.js need a different setup to be shared across pages or across nested routes.

Otherwise they will re-render just like every other component.

See here:

https://nextjs.org/docs/basic-features/layouts