From cf5f8621d4d9044714574f238f90d2169e11b545 Mon Sep 17 00:00:00 2001
From: Chai Pin Zheng <chaipinzheng@gmail.com>
Date: Thu, 18 Jun 2026 16:59:23 +0700
Subject: [PATCH] frontend(feat): add Payload Components to project list

Summary:
- Add Payload Components to the First Contributions project list.
- Point beginners to the repository contribute page and enable issue loading.

Rationale:
- The project is an MIT Payload CMS and Next.js registry with a CLI,
  matching the site catalog's open source project discovery flow.
- Keeping this to the data entry avoids generated artifact churn; GitHub
  Actions builds the deployed site from source.

Tests:
- pnpm install --frozen-lockfile
- pnpm build
---
 src/data/projects.js | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

diff --git a/src/data/projects.js b/src/data/projects.js
index e560c69b..0a116914 100644
--- a/src/data/projects.js
+++ b/src/data/projects.js
@@ -61,6 +61,22 @@ export const projectList = [
     description: "Drag & Drop internal tool builder",
     tags: ["UI", "Database", "Editor"],
   },
+  {
+    name: "Payload Components",
+    imageSrc: "https://avatars.githubusercontent.com/u/58126222?v=4",
+    projectLink: "https://github.com/Ducksss/payload-components/contribute",
+    description:
+      "MIT registry and CLI for installing wired Payload CMS blocks into Payload v3 and Next.js projects.",
+    loadIssues: true,
+    tags: [
+      "TypeScript",
+      "Next.js",
+      "React",
+      "Payload CMS",
+      "shadcn",
+      "Tailwind CSS",
+    ],
+  },
 
   {
     name: "Hamilton",
@@ -1458,4 +1474,4 @@ export const projectList = [
     description: "Ansible is a radically simple IT automation platform that makes your applications and systems easier to deploy.",
     tags: ["Python", "Automation", "Configuration Management"],
   },
-];
\ No newline at end of file
+];