Wealthior Marketplace ist das öffentliche Gesicht des Wealthior Claude Code Plugin-Ökosystems. Eine Next.js-App indexiert sowohl den öffentlichen als auch den org-privaten Marketplace, ermöglicht Suche über Plugins, Skills und Agents und rendert reichhaltige Detailseiten direkt aus den Repo-Metadaten.
Die Herausforderung
Claude Code liest Plugins direkt von GitHub. Die Source of Truth liegt in marketplace.json-Dateien über mehrere Repos verteilt. Praktisch für den Client. Unbrauchbar für Discovery, Sharing und SEO. Wir brauchten eine Destination-URL, auf der Menschen tatsächlich landen, mit Suche, Kategorisierung und Plugin-Detailseiten, ohne Metadaten zu duplizieren.
Vorgehen
- Turborepo-Monorepo:
apps/webNext.js 16 App-Router-Site,packages/marketplace-schemamit Zod-Typen fürmarketplace.jsonundplugin.json,packages/configmit geteiltem TS-Setup. - Supabase Postgres als read-optimierter Index, befüllt durch einen GitHub-Webhook bei jedem Plugin-Repo-Push. Schema und RLS leben in
supabase/migrations, die DB ist vollständig reproduzierbar. - RSC plus ISR für Index- und Detailseiten. Schwere Arbeit zur Build-Zeit, im Steady-State dominieren Edge-Cache-Hits.
- Vercel OG generiert pro Plugin OpenGraph-Karten on-demand.
- Mock-Daten-Fallback in
lib/data.tshält die lokale Entwicklung schnell ohne Supabase-Credentials.
Ergebnis
market.wealthior-group.ch geht als kanonische Discovery-URL für Wealthior-Plugins live. Neues Plugin in ein Marketplace-Repo gemerged: Webhook feuert, Supabase-Row wird upsertet, ISR revalidiert, Plugin ist binnen einer Minute suchbar. Kein CMS, kein manueller Editorial-Schritt, keine Drift zwischen Repo und Site.
