Consider using transitions or reduce use of JS in the nav links

Increasing Access

This could prevent layout shift and "flashing" on page navigation which could create a more continuous and easier-to-follow experience.

Most appropriate sub-area of p5.js?

All pages

Feature request details

The nav panel reloads on every navigation. This leads to a kind of "flashing" experience in that component. This is more noticeable in situations where the side links are numerous and take a while to populate like on Reference. I know that the related components were switched to Preact components in order to handle active resizing from desktop <-> mobile but I think it would be worth the effort to move these back to Astro components with scripts where possible. In my opinion, this would significantly improve look and feel.

An alternative option that could achieve something interesting is Astro View Transitions but those would warrant further testing as they have their own impact on look and feel.

This is in no way urgent but I just wanted to file an issue to indicate that I think more server-side rendering would be an improvement here. I'd be open to working on it at some point if the team agrees that this would be an improvement but it would likely be a month or so until I had the capacity to take it on

Read src/components/Nav/NavPanels.tsx and compare navigation on pages with many side links, especially Reference. Evaluate the Astro View Transitions option and the Astro/Preact approaches described in the issue; done means navigation no longer visibly flashes or shifts while desktop/mobile behavior remains usable.