Nodejs.dev: Feature: new page /community

[benhalverson]

Summary

A new top level page /community should be created.
The content should be loaded from markdown like the docs pages.
I think the best practice with Gatsby sites is to have a content directory. See https://github.com/gatsbyjs/gatsby-starter-blog

The structure I'd like to see is /content/community/index.md

Basic example

A similar page for the existing nodejs.org site is here
https://nodejs.org/en/get-involved/

Another similar site is from Electon https://www.electronjs.org/community

Here's the design mockup
https://www.figma.com/file/lOxAGGg5KXb6nwie7zXkz6/NJ-Design-System?node-id=1338%3A12737

[akshaygulhane]

@benhalverson Can I pick this issue if nobody is already working on it?

[benhalverson]

@designMoreWeb is already working on this one.
You can work on #730 if you like.

[aroduribe]

@benhalverson is this an issue I can still look at? I know May 31 has been a couple of months.

[designMoreWeb]

@benhalverson is this an issue I can still look at? I know May 31 has been a couple of months.

I am working on this we just got some stuff approved that I needed to proceed I am on vacation this week will push it end of the next week

[benhalverson]

@designMoreWeb If you need some help with this look at how @rmleg setup the homepage with markdown

Here's the graphql query
export const query = graphql` query pageQuery { page: markdownRemark(fields: { slug: { eq: "homepage" } }) { frontmatter { title displayTitle subTitle description learnLinkText nodeFeatureHeader1 nodeFeatureHeader2 nodeFeatureHeader3 nodeFeature1 nodeFeature2 nodeFeature3 nodeFeatureAltText } } } `;

and the props are here. https://github.com/nodejs/nodejs.dev/blob/master/src/pages/index.tsx#L38-L56

[designMoreWeb]

@designMoreWeb If you need some help with this look at how @rmleg setup the homepage with markdown

Here's the graphql query

```

export const query = graphql`

query pageQuery {

page: markdownRemark(fields: { slug: { eq: "homepage" } }) {

  frontmatter {

    title

    displayTitle

    subTitle

    description

    learnLinkText

    nodeFeatureHeader1

    nodeFeatureHeader2

    nodeFeatureHeader3

    nodeFeature1

    nodeFeature2

    nodeFeature3

    nodeFeatureAltText

  }

}

}

`;```

and the props are here. https://github.com/nodejs/nodejs.dev/blob/master/src/pages/index.tsx#L38-L56

This is fantastic thanks @benhalverson

[benhalverson]

https://github.com/nodejs/nodejs.dev/issues/1207 is a related issue.