Website: Next.js app for accounts, linking, who's online, device sign-in and the console

apps/web: Next.js 16 (App Router), Tailwind 4 and shadcn/ui, light and dark from the system. Pages render on the server and call the API with Eden Treaty (typed by @t5de/api), forwarding the visitor's cookie; forms use server actions; sign-up, sign-in and sign-out use Better Auth's React client. /api is rewritten to the API so its cookies are first-party. Who's online follows the API's event stream (Next's gzip is off: it held the stream back). Standalone output with a Dockerfile; deploys to Vercel as is. Co-Authored-By: Claude Opus 5.5 <[email protected]>
2026-10-29 05:02:00 -07:00
1 parent 7afada1c63
commit 64c552330b
@@ -0,0 +1,21 @@
+import type { Metadata } from "next";
+import { OnlineList } from "@/components/online-list";
+import { PageHeader } from "@/components/status";
+import { Card, CardContent } from "@/components/ui/card";
+import { api, getMe, isModerator, unwrap } from "@/lib/api";
+
+export const metadata: Metadata = { title: "Online" };
+
+export default async function Online() {
+  const [me, { online }] = await Promise.all([getMe(), api.online.get().then(unwrap)]);
+  return (
+    <>
+      <PageHeader title="Online in T5DE">IMVU accounts in a T5DE client right now, that chose to show it.</PageHeader>
+      <Card>
+        <CardContent>
+          <OnlineList initial={online} moderator={isModerator(me)} />
+        </CardContent>
+      </Card>
+    </>
+  );
+}