From eb79e7c4319772f59898e1aaa098e81109446338 Mon Sep 17 00:00:00 2001 From: ArthurGamby Date: Tue, 31 Mar 2026 11:25:13 +0200 Subject: [PATCH 1/3] feat(site): DR-7731 add community page --- apps/site/src/app/community/page.tsx | 369 +++++++++++++++++++++++++++ 1 file changed, 369 insertions(+) create mode 100644 apps/site/src/app/community/page.tsx diff --git a/apps/site/src/app/community/page.tsx b/apps/site/src/app/community/page.tsx new file mode 100644 index 0000000000..161ebb3ddb --- /dev/null +++ b/apps/site/src/app/community/page.tsx @@ -0,0 +1,369 @@ +import type { Metadata } from "next"; +import Image from "next/image"; +import { Action, Button, Card } from "@prisma/eclipse"; +import { meetups, type Meetup } from "../events/events-data"; + +export const metadata: Metadata = { + title: "Community | Prisma", + description: + "Join thousands of developers building with Prisma. Connect on Discord, get help on GitHub, watch tutorials on YouTube, and attend meetups around the world.", + alternates: { + canonical: "https://www.prisma.io/community", + }, +}; + +const channels = [ + { + icon: "fa-brands fa-github", + name: "GitHub", + description: "Browse the source code, open issues, and contribute to Prisma and its ecosystem.", + link: "https://github.com/prisma", + cta: "View on GitHub", + }, + { + icon: "fa-brands fa-x-twitter", + name: "X (Twitter)", + description: "Follow @prisma for the latest updates, releases, and community highlights.", + link: "https://twitter.com/prisma", + cta: "Follow us", + }, + { + icon: "fa-brands fa-youtube", + name: "YouTube", + description: + "Watch tutorials, conference talks, and live streams on the official Prisma channel.", + link: "https://www.youtube.com/c/PrismaData", + cta: "Watch videos", + }, +] as const; + +const starterKit = [ + { + icon: "fa-regular fa-book-open", + title: "Read the docs", + description: "Get started with Prisma ORM, Prisma Postgres, and all other Prisma products.", + link: "/docs", + cta: "Open docs", + external: false, + }, + { + icon: "fa-brands fa-github", + title: "Browse examples", + description: + "Explore ready-to-run example projects for REST, GraphQL, fullstack apps, and more.", + link: "https://github.com/prisma/prisma-examples", + cta: "See examples", + external: true, + }, + { + icon: "fa-brands fa-youtube", + title: "Watch & learn", + description: + "Livestreams, tutorials, and tech talks covering TypeScript, Node.js, and databases.", + link: "https://www.youtube.com/c/PrismaData", + cta: "Visit channel", + external: true, + }, +] as const; + +const contributingLinks = [ + { + icon: "fa-brands fa-github", + title: "Open an issue", + description: + "Found a bug or have a feature request? Open an issue on the Prisma GitHub repository.", + link: "https://github.com/prisma/prisma/issues", + cta: "Open issue", + }, + { + icon: "fa-regular fa-messages", + title: "Join the discussion", + description: + "Ask questions, share ideas, and connect with the Prisma team on GitHub Discussions.", + link: "https://github.com/prisma/prisma/discussions", + cta: "Start discussion", + }, + { + icon: "fa-regular fa-code-branch", + title: "Contributing guide", + description: "Learn how to contribute code, docs, and improvements to the Prisma project.", + link: "https://github.com/prisma/prisma/blob/main/CONTRIBUTING.md", + cta: "Read guide", + }, +] as const; + +export default function CommunityPage() { + return ( +
+ {/* Hero */} +
+
+
+
+
+

+ + Community +

+

+ Join the Prisma Community +

+

+ Connect with thousands of developers building with Prisma. Ask questions, share your + work, and help shape the future of the project. +

+
+
+ + {/* Connect with Prisma */} +
+
+

+ Connect with Prisma +

+ + {/* Discord — featured */} + + +
+ + + +
+

Discord

+

+ The heart of the Prisma community. Get help, share your projects, and connect + with thousands of developers. +

+
+
+ + + + + {/* Other channels */} + +
+
+ + {/* Starter kit */} +
+
+
+

+ New to Prisma? +

+

+ Here's a starter kit +

+
+ +
+
+ + {/* Meetups */} +
+
+

+ Join us for regular meetups and events +

+ +
+ +
+
+
+ + {/* Contributing */} +
+
+
+

+ Contributing to Prisma +

+

+ We welcome contributions of all forms from experienced developers and beginners alike. + Showcase your projects, share your ideas, or help us improve Prisma with your + feedback. +

+
+ +
+
+ + {/* Footer CTA */} +
+
+
+
+

+ Be part of the community +

+

+ Whether you're just getting started or have been building with Prisma for + years, there's a place for you. +

+
+
+ + +
+
+
+
+
+ ); +} From dfdea0d58cc22c4b241f30d642e4096e4d142e9b Mon Sep 17 00:00:00 2001 From: ArthurGamby Date: Tue, 31 Mar 2026 12:43:18 +0200 Subject: [PATCH 2/3] fix(site): simplify community page hero to subtle linear gradient Co-Authored-By: Claude Opus 4.6 (1M context) --- apps/site/src/app/community/page.tsx | 6 ++---- 1 file changed, 2 insertions(+), 4 deletions(-) diff --git a/apps/site/src/app/community/page.tsx b/apps/site/src/app/community/page.tsx index 161ebb3ddb..d3a63cca27 100644 --- a/apps/site/src/app/community/page.tsx +++ b/apps/site/src/app/community/page.tsx @@ -96,10 +96,8 @@ export default function CommunityPage() { return (
{/* Hero */} -
-
-
-
+
+

From 587eebdb7eec59c97c65f6382c95202af875c93b Mon Sep 17 00:00:00 2001 From: ArthurGamby Date: Tue, 31 Mar 2026 12:46:50 +0200 Subject: [PATCH 3/3] fix(site): remove nested interactive elements in Discord card Co-Authored-By: Claude Opus 4.6 (1M context) --- apps/site/src/app/community/page.tsx | 20 +++++++++++--------- 1 file changed, 11 insertions(+), 9 deletions(-) diff --git a/apps/site/src/app/community/page.tsx b/apps/site/src/app/community/page.tsx index d3a63cca27..6a6a80d77e 100644 --- a/apps/site/src/app/community/page.tsx +++ b/apps/site/src/app/community/page.tsx @@ -121,13 +121,8 @@ export default function CommunityPage() { {/* Discord — featured */} - - +

- - +
{/* Other channels */}