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.