~/projects/communityBerufliches Projekt · 2026

CORPORATELLMCOMMUNITY_

Community-Plattform für Corporate LLM. Teams entdecken, teilen und bewerten Agents, Prompts, Skills und KI-Modelle in einer sicheren, beobachtbaren Anwendung.

Live ansehenNext.js · Supabase · TypeScript
community.relationflow.io
RelationFlow Community Feed

// Mein Beitrag

Von der Produktidee zum produktionsreifen System.

Mein Schwerpunkt lag auf der durchgängigen Umsetzung der Community — von den sichtbaren Produktflows über Daten- und Sicherheitsgrenzen bis zu Observability und Delivery.

Rolle
End-to-End Softwareentwicklung
Scope
Produktflows, Frontend, Daten und Betrieb
Status
Live · öffentliche Beta

Ausgangslage

Corporate-LLM-Teams brauchten einen gemeinsamen Ort für Agents, Prompts, Skills, Modelle und Diskussionen — ohne ein paralleles Account-System oder eine vorgeschaltete Veröffentlichungs-Queue.

Zentrale Entscheidungen

  1. 01Next.js App Router mit klaren Grenzen zwischen Server Components, Route Handlers und interaktiven Client-Flächen
  2. 02Corporate-LLM-Account als einzige Identitätsquelle statt eines zweiten Auth-Systems
  3. 03Publish-first-Moderation mit Row Level Security sowie nachvollziehbaren Fehler- und Produktzuständen

Ergebnis

Eine live öffentlich durchsuchbare Community mit Feed, Entdecken, Modellen, Suche und Account-Handoff. Sentry, PostHog und kontrollierte Release-Gates machen den laufenden Betrieb messbar und debuggbar.

// Screenshots

Feed

// Produktoberflächen

01

Community-Feed

Ein gemeinsamer Feed verbindet geteilte Agents, Prompts und Skills mit Diskussionen, Modellbewertungen und Ankündigungen. Filter, Sortierung und Reaktionen machen unterschiedliche Inhalte direkt vergleichbar.

02

Entdecken und Suche

Kataloge und eine serverseitige Suche führen durch Inhalte, Modelle und Profile. Kategorien, Beitragstypen und sichtbare Fundstellen halten auch größere Ergebnismengen verständlich.

03

Veröffentlichen und interagieren

Composer-Flows unterstützen mehrere Inhaltstypen. Reaktionen, Kommentare, Merkliste und Teilen geben Nutzerinnen und Nutzern konsistentes Feedback über alle Kernflächen hinweg.

04

Modelle bewerten

Modellkatalog und Bewertungen unterscheiden allgemeine Erfahrungen vom Einsatz in RelationFlow. Anbieterfilter und Kontext-Scope helfen bei einer nachvollziehbaren Modellauswahl.

05

Account und Moderation

Die Anmeldung nutzt den bestehenden Corporate-LLM-Account. Veröffentlichungen erscheinen direkt communityweit; Melde- und Moderationsprozesse greifen anschließend transparent und nachvollziehbar.

06

Produktionsbetrieb

Sentry macht Fehlerpfade mit technischem Kontext sichtbar. PostHog bildet relevante Produktzustände ohne unnötige personenbezogene Daten ab und unterstützt die kontinuierliche Verbesserung.

// Tech Stack

FrontendNext.js App Router
FrontendReact
FrontendTypeScript
FrontendTailwind CSS
BackendSupabase
BackendPostgreSQL
SecurityRow Level Security
ObservabilitySentry
ObservabilityPostHog
QualityVitest
DeliveryGitHub Actions
DeliveryVercel

// Architektur-Highlights

Next.js App Router mit klaren Servergrenzen

Server Components, Route Handlers und gezielte Client Islands halten Datenzugriffe, Interaktionen und Rendering-Verantwortung sauber getrennt.

PostgreSQL und Row Level Security

Supabase verbindet Auth, PostgreSQL, Storage und Edge Functions. Migrations-first-Änderungen und RLS-Policies schützen Datenzugriffe auf Datenbankebene.

Corporate-LLM-Account als Identitätsquelle

Die Community besitzt kein paralleles Auth-System. Ein klarer Handoff verbindet Login und Sitzungsstatus mit dem bestehenden RelationFlow Account.

Observability ohne PII

Sentry erfasst Fehler mit verwertbarem Debug-Kontext. PostHog zeichnet Produkt- und Fehlerzustände consent-sicher auf, ohne sensible Inhalte in Telemetrie zu spiegeln.

Release- und Qualitätsgates

Lint, Typecheck, Tests, Migrationsevidence und kontrollierte Promotions sichern Änderungen von der Feature-Entwicklung bis zum Release ab.

Zurück zu Projekten