Merge pull request #89 from devakone/devakone/review-community-stats-prd

feat(community): add community stats pipeline and public page

Author: devakone

apps/web/src/app/AppHeader.tsx

@@ -35,11 +35,13 @@ export default function AppHeader(props: {
     ? [
         { href: "/", label: "My VCP" },
         { href: "/vibes", label: "Repo VCPs" },
+        { href: "/community", label: "Community" },
       ]
     : [
         { href: "/", label: "Home" },
         { href: "/methodology", label: "Methodology" },
         { href: "/security", label: "Security" },
+        { href: "/community", label: "Community" },
       ];
 
   const links = props.isAdmin

apps/web/src/app/api/community/stats/route.ts

@@ -0,0 +1,63 @@
+import { NextResponse } from "next/server";
+import { createClient } from "@supabase/supabase-js";
+
+export const runtime = "nodejs";
+
+/**
+ * GET /api/community/stats
+ *
+ * Returns anonymized, aggregated community statistics.
+ * No authentication required — publicly accessible.
+ * Payload is precomputed by the hourly Inngest rollup function.
+ *
+ * Uses a raw Supabase client (not typed) because community_rollups
+ * is not yet in the generated database types.
+ */
+export async function GET() {
+  const url = process.env.NEXT_PUBLIC_SUPABASE_URL;
+  const key = process.env.SUPABASE_SERVICE_ROLE_KEY;
+
+  if (!url || !key) {
+    return NextResponse.json({ error: "server_misconfigured" }, { status: 500 });
+  }
+
+  const supabase = createClient(url, key);
+
+  const { data, error } = await supabase
+    .from("community_rollups")
+    .select("payload_json")
+    .eq("rollup_window", "30d")
+    .order("as_of_date", { ascending: false })
+    .limit(1)
+    .maybeSingle();
+
+  if (error) {
+    console.error("Failed to fetch community rollup:", error.message);
+    return NextResponse.json(
+      { error: "internal_error" },
+      { status: 500 }
+    );
+  }
+
+  if (!data) {
+    return NextResponse.json(
+      {
+        suppressed: true,
+        reason: "no_data_yet",
+        eligible_profiles: 0,
+        threshold: 10,
+      },
+      {
+        headers: {
+          "Cache-Control": "public, s-maxage=60, stale-while-revalidate=300",
+        },
+      }
+    );
+  }
+
+  return NextResponse.json(data.payload_json, {
+    headers: {
+      "Cache-Control": "public, s-maxage=300, stale-while-revalidate=3600",
+    },
+  });
+}

apps/web/src/app/api/inngest/route.ts

@@ -1,6 +1,6 @@
 import { serve } from "inngest/next";
 import { inngest } from "@/inngest/client";
-import { analyzeRepo } from "@/inngest/functions";
+import { analyzeRepo, computeCommunityRollupFn } from "@/inngest/functions";
 
 /**
  * Inngest API route
@@ -15,5 +15,5 @@ import { analyzeRepo } from "@/inngest/functions";
  */
 export const { GET, POST, PUT } = serve({
   client: inngest,
-  functions: [analyzeRepo],
+  functions: [analyzeRepo, computeCommunityRollupFn],
 });

apps/web/src/app/community/layout.tsx

@@ -0,0 +1,34 @@
+import Link from "next/link";
+
+/**
+ * Lightweight layout for the public community page.
+ * No auth required, minimal header with app logo/link.
+ */
+export default function CommunityLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <div className="min-h-screen bg-[#faf9fc]">
+      {/* Minimal header */}
+      <header className="border-b border-black/5 bg-white/80 backdrop-blur-sm">
+        <div className="mx-auto flex max-w-5xl items-center justify-between px-6 py-3">
+          <Link
+            href="/"
+            className="text-sm font-semibold tracking-tight text-zinc-900 transition hover:text-violet-600"
+          >
+            Vibe Coding Profiler
+          </Link>
+          <Link
+            href="/login"
+            className="rounded-full bg-gradient-to-r from-violet-600 to-indigo-500 px-4 py-1.5 text-xs font-semibold text-white shadow-sm transition hover:brightness-110"
+          >
+            Get your VCP
+          </Link>
+        </div>
+      </header>
+      <main>{children}</main>
+    </div>
+  );
+}