justin
a5a79f01a7
Next.js (App Router) + React 19 + TypeScript + Tailwind v4, with shadcn-style UI primitives (Button, Input, Card, Label via cva/tailwind-merge). A typed API client is generated from the backend OpenAPI spec with openapi-typescript + openapi-fetch (npm run gen:api); the committed openapi.json/schema.d.ts are the snapshot. Views: landing, login, register, tree list + create, and tree detail with person list + create. Auth rides the same-origin HttpOnly session cookie the backend sets (Caddy proxies /api/*), so no token handling in JS. Built as a standalone container. Mobile-first; next build is clean. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com> Signed-off-by: Justin Paul <justin@jpaul.me>
35 lines
1.0 KiB
TypeScript
35 lines
1.0 KiB
TypeScript
import type { Metadata } from "next";
|
|
import Link from "next/link";
|
|
|
|
import "./globals.css";
|
|
|
|
export const metadata: Metadata = {
|
|
title: "Provenance",
|
|
description: "Where it came from matters — family and land, every fact sourced.",
|
|
};
|
|
|
|
export default function RootLayout({ children }: { children: React.ReactNode }) {
|
|
return (
|
|
<html lang="en">
|
|
<body>
|
|
<header className="border-b border-neutral-200">
|
|
<div className="mx-auto flex max-w-3xl items-center justify-between px-4 py-3">
|
|
<Link href="/" className="font-semibold">
|
|
Provenance
|
|
</Link>
|
|
<nav className="flex gap-4 text-sm">
|
|
<Link href="/trees" className="hover:underline">
|
|
Trees
|
|
</Link>
|
|
<Link href="/login" className="hover:underline">
|
|
Sign in
|
|
</Link>
|
|
</nav>
|
|
</div>
|
|
</header>
|
|
<main className="mx-auto max-w-3xl px-4 py-8">{children}</main>
|
|
</body>
|
|
</html>
|
|
);
|
|
}
|