Wealthior Marketplace คือหน้าตาสาธารณะของ ecosystem ปลั๊กอิน Claude Code ของ Wealthior แอป Next.js หนึ่งตัวจัดทำดัชนีทั้ง marketplace สาธารณะและ marketplace ภายในขององค์กร เปิดให้ค้นหาข้าม plugin, skill และ agent และ render หน้ารายละเอียดเต็มรูปแบบจาก metadata ของ repo
โจทย์
Claude Code อ่าน plugin จาก GitHub โดยตรง แปลว่าต้นแบบจริงอยู่ในไฟล์ marketplace.json กระจายอยู่ในหลาย repo สะดวกสำหรับ client แต่ใช้ไม่ได้กับการค้นพบ การแชร์ และ SEO เราจึงต้องการ URL ปลายทางที่คนเข้ามาจริง พร้อมระบบค้นหา หมวดหมู่ และหน้ารายละเอียดต่อ plugin โดยไม่ต้อง copy metadata
แนวทาง
- Turborepo monorepo:
apps/webเว็บ Next.js 16 App Router,packages/marketplace-schemaประเภท Zod สำหรับmarketplace.jsonและplugin.json,packages/configสำหรับ TS config ร่วม - Supabase Postgres ใช้เป็นดัชนีที่ optimize ฝั่ง read ป้อนข้อมูลผ่าน GitHub webhook ทุกครั้งที่ plugin repo push schema และ RLS อยู่ใน
supabase/migrationsทำให้ DB ทั้งระบบ reproduce ได้ - RSC ผสม ISR สำหรับหน้า index และ detail งานหนักเกิดตอน build จากนั้น edge cache ทำงานหลัก
- Vercel OG สร้าง OpenGraph card ต่อ plugin แบบ on-demand
- Mock data fallback ใน
lib/data.tsให้พัฒนาในเครื่องได้เร็วโดยไม่ต้องใส่ credential ของ Supabase
ผลลัพธ์
market.wealthior-group.ch ขึ้นเป็น URL หลักสำหรับค้นหา plugin ของ Wealthior plugin ใหม่ merge เข้า repo: webhook ยิง Supabase upsert row ISR revalidate plugin พร้อมให้ค้นหาภายใน 1 นาที ไม่มี CMS ไม่มี editorial ด้วยมือ ไม่มี drift ระหว่าง repo กับเว็บ
