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]>
30 lines
1.1 KiB
TypeScript
30 lines
1.1 KiB
TypeScript
import type { Metadata } from "next";
|
|
import { Geist, Geist_Mono } from "next/font/google";
|
|
import { Header } from "@/components/header";
|
|
import { cn } from "@/lib/utils";
|
|
import "./globals.css";
|
|
|
|
const sans = Geist({ subsets: ["latin"], variable: "--font-sans" });
|
|
const mono = Geist_Mono({ subsets: ["latin"], variable: "--font-mono" });
|
|
|
|
export const metadata: Metadata = {
|
|
title: { template: "%s · T5DE Hub", default: "T5DE Hub" },
|
|
description: "One account for all your IMVU avatars.",
|
|
};
|
|
|
|
export default function RootLayout({ children }: { children: React.ReactNode }) {
|
|
return (
|
|
<html lang="en" className={cn("font-sans antialiased", sans.variable, mono.variable)}>
|
|
<body className="flex min-h-dvh flex-col">
|
|
<Header />
|
|
<main className="mx-auto w-full max-w-5xl flex-1 px-4 py-10 sm:px-6 sm:py-14">{children}</main>
|
|
<footer className="border-t">
|
|
<div className="mx-auto max-w-5xl px-4 py-6 text-sm text-muted-foreground sm:px-6">
|
|
T5DE is unofficial: not made by or affiliated with IMVU.
|
|
</div>
|
|
</footer>
|
|
</body>
|
|
</html>
|
|
);
|
|
}
|