Colophon

Built with

This site is an open-process side project. All design decisions are intentional and documented.

Next.js 15React 19TypeScript 5Tailwind CSS v4Framer Motion 12VercelpnpmTurbopack

Design

  • Cyberpunk palette — Indigo #818cf8, Cyan accents, dark navy background
  • Geist Sans + Geist Mono — Next.js native fonts
  • CSS Custom Properties for all theme tokens (Tailwind v4, no tailwind.config.js)
  • Framer Motion 12 — stagger, AnimatePresence, hover animations
  • Dark-only design — no light mode

Performance

  • Statically generated (SSG) — all pages rendered at build time
  • No database, no CMS — content as TypeScript constants
  • Turbopack in dev, standard Next.js build for production
  • Images via next/image with automatic optimisation and lazy loading
  • Videos: MP4 autoplay muted loop, no external player

Localisation

  • DE (default) and EN — via Next.js Route Groups (de) and (en)
  • No external i18n package — custom T = { de, en }[locale] pattern
  • Lang switcher preserves active path and swaps the locale prefix

Hosting & Deploy

  • Vercel — automatic deployment on every push
  • Domain: dimakonig.space
  • Edge Network CDN, automatic HTTPS

Source code

Private repository. Architecture questions — feel free to reach out via email.