Community hub page at /community

Abierto
#2,453 1 comentario 0 reacciones 0 asignados Ver en GitHub

Los mantenedores suelen responder en 1 día

@riddhij-7 ya está trabajando en esto.

Desde el 3/7/2026.

Evaluación

Dificultad
4/5
Tiempo estimado
3-5 días
Aptitud para principiantes
52/100
Tipo de issue
Nueva funcionalidad
Claridad
Bastante claro
Estado de actividad
Tranquilo
Stack tecnológico
next.js, typescript

Línea de trabajo

Empieza por src/app/(main)/resources/page.tsx y la propuesta src/app/(main)/community/page.tsx; después inspecciona ResourcesHero, category-card components, AmbassadorGrid, LookingForMore y el menú de comunidad en src/pages/_meta.tsx. Resuelve el alcance de v1 y las decisiones sobre los datos antes de implementar la escalera de participación. El trabajo estará terminado cuando /community renderice las secciones y CTAs acordados, el menú incluya “Explore Community” y el enlace existente a /resources ya no devuelva 404.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

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).
Lenguaje dominante
TypeScript
Estrellas
889
Forks
1.5k
Merge medio
3 d 6 h
PR fusionados (30 d)
32

Preparar el entorno

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de graphql/graphql.github.io

Todos los issues de graphql/graphql.github.io

Issues similares

Más issues de TypeScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.