rturk.me

Colophon

This site is a headless build. WordPress at cms.rturk.meis the editing surface; its content is served over WPGraphQL to a Next.js front end that statically generates every page and revalidates it on a schedule (and on demand, via a webhook fired when content is saved). Visitors never touch WordPress — they get pre-rendered HTML from Netlify's edge.

Stack

  • Framework: Next.js 16 (App Router, React Server Components, ISR)
  • UI: React 19 · TypeScript · Tailwind CSS v4
  • Data: Headless WordPress · WPGraphQL · a small typed fetch client (no Apollo)
  • Motion: a hand-rolled canvas hero · the Motion library for micro-interactions
  • Content: Shiki for server-side syntax highlighting · automatic tables of contents
  • Hosting: Netlify, with edge functions handling ISR revalidation

Type

Headlines are set in Clash Display, body copy in Archivo, and code and labels in JetBrains Mono — all self-hosted, no third-party font requests.

Design

The palette — codenamed “Ion” — is a near-black, blue-tinted canvas with a single cyan accent. Everything you can interact with respects prefers-reduced-motion: the canvas, the card tilts, and the page transitions all quiet down when you ask them to.

Source

The repository is public on GitHub — the build is meant to be read, not just used.