DATA WITH DILLON

SITE NOTES

Site notes

A short record of the tools, constraints, and deployment path behind Data With Dillon.

Implementation notes

  1. 01 / APPLICATION

    Next.js 15 App Router

    The site uses the Next.js 15 App Router with TypeScript. Routes are server-rendered by default, with client components where interaction requires them.

  2. 02 / CONTENT

    Typed content modules

    Page copy lives in typed modules under content/. This keeps content separate from route composition and gives repeated structures a shared shape.

  3. 03 / STYLING

    CSS Modules and design tokens

    CSS Modules scope page styles. Shared color, type, spacing, border, and motion values live in styles/tokens.css.

  4. 04 / SYSTEM

    Studio Ledger

    The interface follows the locked Studio Ledger design system: paper, ink, hairlines, a restrained type scale, and compact index-list layouts.

  5. 05 / CHECKS

    CI gates

    Every change passes ESLint, the ASCII-only content check, and a production build before it ships.

  6. 06 / DEPLOYMENT

    Vercel

    The public site deploys on Vercel. The deployment reads the repository and publishes the Next.js application.

Read the source

The ds-portfolio repository is public. Read the application code, content modules, and design tokens on GitHub.

Open ds-portfolio on GitHub