Da Vinci Codex

Next.js 15.5.15 App Router static-content site · TypeScript 5 · React 19.1.0 · Tailwind CSS v4 · Feature-Sliced Design

Da Vinci Codex is a static-content Next.js 15 App Router site that renders Server/Client Components which import an in-process TypeScript dataset. It has no application database or API backend; the only network egress is browser-side image fetching from Wikimedia Commons.

Generated 4 Jun 2026 · 63 files · 9 components · 5 flows

File Architecture

The full source tree as a layered graph — every file with its role, imports, exports and reverse dependencies.

System Design

Runtime topology across the five zones — client, edge, application, data and external services.

Flow Graph

The five most significant application flows, step by step — startup, auth, write, read and error recovery.

Technology

ComponentTechnologyVersionSource of Detection
FrameworkNext.js (App Router)15.5.15package.json · next.config.ts
UI LibraryReact19.1.0package.json (react, react-dom)
LanguageTypeScript (strict)^5tsconfig.json · package.json
StylingTailwind CSS^4postcss.config.mjs · @tailwindcss/postcss
Client StateZustand^5.0.13shared/lib/store.ts
AnimationFramer Motion^12.38.0imports across features & widgets
Iconslucide-react^1.14.0package.json
Class Utilsclsx + tailwind-merge + CVA2.1.1 / 3.5.0 / 0.7.1shared/lib/utils.ts (cn) · ui/button.tsx
FontsCinzel, Playfair Display, EB Garamondnext/font/googlesrc/app/layout.tsx
LintESLint (eslint-config-next)^9 / 15.5.15eslint.config.mjs
Data SourceStatic TS module (in-process)shared/api/data.ts
External CDNWikimedia Commons (images)Special:FilePathshared/api/data.ts (wm helper)