Community hub page at /community

Offen
#2,453 1 Kommentar 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Maintainer antworten meist innerhalb von 1 Tag

@riddhij-7 arbeitet bereits daran.

Seit 03.7.2026.

Bewertung

Schwierigkeit
4/5
Geschätzter Aufwand
3-5 Tage
Anfängerfreundlichkeit
52/100
Issue-Typ
Feature
Klarheit
Größtenteils klar
Aktivitätsstatus
Ruhig
Tech-Stack
next.js, typescript

Rechercherichtung

Beginne mit src/app/(main)/resources/page.tsx und der vorgeschlagenen src/app/(main)/community/page.tsx und untersuche anschließend ResourcesHero, category-card components, AmbassadorGrid, LookingForMore und das Community-Menü in src/pages/_meta.tsx. Kläre den v1-Umfang und die Datenentscheidungen, bevor du die Beteiligungsleiter implementierst. Fertig ist die Arbeit, wenn /community die vereinbarten Abschnitte und CTAs rendert, das Menü “Explore Community” enthält und der bestehende /resources-Link nicht mehr mit 404 fehlschlägt.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Beschreibung

Summary

Create a /community landing page whose explicit goal is to get more people actively involved in the GraphQL community. Today "Community" is a dropdown menu with no page behind it — there's no single place that invites people to participate, and /community currently 404s (even though /resources already links to it).

Goal

Turn visitors into participants. The page is an on-ramp, organized as an involvement ladder from lowest-friction to deepest commitment, each step with a clear call to action.

Proposed structure (involvement ladder)

  1. Hero — "Get involved with GraphQL" + primary CTAs.
  2. Connect (lowest friction) — join Official / Community / Vendor channels (chat, forums, social). CTA: say hi.
  3. Show up — attend or run a meetup; GraphQLConf. Pulls a highlight from the existing /community/events data. CTA: find/host an event.
  4. Contribute — code, docs, Working Groups, governance. CTA: make your first contribution.
  5. Lead — Ambassador Program (+ spotlight grid via AmbassadorGrid); later the Team page (#2428). CTA: become an ambassador.
  6. Support — the Foundation: join, members, grants. CTA: join the Foundation.
  7. Looking for more — cross-link Learn / Resources (reciprocate the link /resources already points here).

Implementation notes

  • App Router page src/app/(main)/community/page.tsx, mirroring /resources (src/app/(main)/resources/page.tsx).
  • Reuse ResourcesHero, category-card components, AmbassadorGrid, LookingForMore.
  • Menu wiring: add route: "/community" + an index item to the community menu in src/pages/_meta.tsx → dropdown automatically gains an "Explore Community" link (same code path /resources uses).

Why now

/resources already links to /community, which 404s — the page is already expected to exist.

Open questions

  1. Which sections are v1 vs. later.
  2. Curated cards vs. live data (events feed, ambassadors grid).
  3. Relationship to Team page #2428 (where ambassadors/TSC render) and to /resources (avoid Tools & Libraries / training overlap).
  4. Success metric for "more involved" — is there anything measurable we care about (channel joins, event signups, contributions)?

Out of scope

  • Reworking the individual subpages (channels, foundation, etc.) — this page links to them.

Related

  • #2428 — Team page on graphql.org (the Lead/People section renders here once it exists).
Vorherrschende Sprache
TypeScript
Sterne
889
Forks
1.5k
Ø Merge
3 T. 6 Std.
Gemergte PRs (30 T.)
32

Entwicklungsumgebung

Erste Schritte

  1. Lesen Sie das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreiben Sie ins Issue, dass Sie es übernehmen — das erspart doppelte Arbeit.
  3. Forken Sie das Repository und arbeiten Sie in einem Branch.
  4. Öffnen Sie einen Pull Request, der die Issue-Nummer nennt.

Mehr aus graphql/graphql.github.io

Alle Issues in graphql/graphql.github.io

Ähnliche Issues

Weitere Issues zu TypeScript

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.