NextJS based left-hand navigation

[charleslavon]

No description provided.

[calebjacob]

https://www.figma.com/file/tNklruCuzBjZZvvLoz2XPG/Logged-in-Navigation?type=whiteboard&node-id=0-1&t=VnlwNtN84HxbTQTB-0

We should check in with @vanessadespain to see what the plan is for mobile designs.

[calebjacob]

After talking with Charles, we decided it makes sense to move the Pinned Apps to a future scope. So that will be out of scope for this ticket.

[vanessadespain]

Figma Design Link

Still work in progress on the pages: Home and Activity for MVP

[vanessadespain]

Resources Links:

Documentation
Earn & Contribute Get Funding
Careers
Support - Currently going to a Wordpress page, I think this will be updated soon
More --> Opens submenu containing of the Marketing Nav links

@charleslavon Would you double check me on this?

[charleslavon]

Resources Links:

Documentation Earn & Contribute Get Funding Careers Support - Currently going to a Wordpress page, I think this will be updated soon More --> Opens submenu containing of the Marketing Nav links

@charleslavon Would you double check me on this?

These look good. Unfortunately that Support page is quite hideous but it's what we've got for now.

[charleslavon]

@vanessadespain for an improved support page

[vanessadespain]

Improving on the interaction states for the navigation
Prototype | Design Link

I'd love to spend a little time thinking/prototyping how we could make the secondary nav less intrusive and/or allow it to be collapsed. One idea from the material.io side bar is to only show the secondary nav on hover, however I'm not confident that this would be a good solution for us so I'd like to experiment a bit.

UPDATE: I did some prototyping of a hover example and adding a collapse button to the secondary menu and I think the latter is our best solution for now! Prototype here

Note: I also looked at adding a right-caret when hovering over a nav item with a secondary menu. (Discover and More are the only ones for now). Similarly, we might consider adding the link-out arrow on hover for those Resource links that may open in a new tab.