[www] Add "community" page to the site and link to it from main navigation

[jlengstorf]

Summary

We should create a page that links to key areas for the Gatsby community, such as the contributing docs, our pair programming sign up link, issues we need help with, swag info, where to post support questions, and other community-related information.

This link should be in the main navigation for gatsbyjs.org.

Motivation

The open source community is the core of what makes Gatsby great, so we should make sure to collect all community-related information in one place and link to it prominently from the top nav.

cc: @gatsbyjs/inkteam

[KyleAMathews]

We do actually have a community page https://www.gatsbyjs.org/docs/community/

It used to be in the top nav but we removed it from there when we added plugins #4472

Definitely up for rejiggering nav to emphasize the community page. In any case, it also needs the things you mentioned (plus a link to Spectrum which didn't get added).

[fk]

Related: I see two ways to handle n items in the main navigation:

• use a "hamburger"-style menu as soon as there's not enough room to display all navigation items anymore
• "collect" all navigation items that do not currently fit in the available space in a "More…" item that displays a dropdown AKA the "priority" navigation pattern; see RFC for doc information architecture rfcs#5 (comment)

In either case we have to make the above work along the new button that toggles the docs/tutorial/features sidebar navigation on mobile.

[jlengstorf]

Oh, wow. I've never seen that page. 😱

@fk The "priority" nav pattern seems like it could be our best bet if that library isn't too large. I'll take a crack at editing this page to add all the new stuff, then we can regroup on adding it to the top nav again.

[fk]

@jlengstorf AFAIK there's no (react) library, for the .com POC I forked from https://github.com/substate/react-priority-nav. Just gave searching for "react priority nav" another try and found https://github.com/ericyip/react-priority-navigation though!

[gatsbot]

Old issues will be closed after 30 days of inactivity. This issue has been quiet for 20 days and is being marked as stale. Reply here or add the label "not stale" to keep this issue open!

[gatsbot]

This issue is being closed due to inactivity. Is this a mistake? Please re-open this issue or create a new issue.