Gebaut mit
Dieser Site ist ein open-source Nebenprojekt. Alle Designentscheidungen sind bewusst getroffen und dokumentiert.
Next.js 15React 19TypeScript 5Tailwind CSS v4Framer Motion 12VercelpnpmTurbopack
Design
- Cyberpunk-Farbpalette — Indigo #818cf8, Cyan und Dunkelblau-Hintergrund
- Geist Sans + Geist Mono — Next.js-native Fonts
- CSS Custom Properties für alle Theme-Tokens (Tailwind v4, kein tailwind.config.js)
- Framer Motion 12 — Stagger, AnimatePresence, Hover-Animations
- Dark-only Design — kein Light Mode
Performance
- Statisch generiert (SSG) — alle Seiten zur Build-Zeit gerendert
- Keine Datenbank, kein CMS — Inhalte als TypeScript-Konstanten
- Turbopack in Dev, Standard Next.js Build für Production
- Bilder via next/image mit automatischer Optimierung und Lazy Loading
- Videos: MP4, autoplay muted loop, kein externer Player
Lokalisierung
- DE (Standard) und EN — via Next.js Route Groups (de) und (en)
- Kein externes i18n-Paket — eigenes T = { de, en }[locale]-Pattern
- Lang-Switcher erhält aktiven Pfad und tauscht Locale-Prefix aus
Hosting & Deploy
- Vercel — automatisches Deployment bei jedem Push
- Domain: dimakonig.space
- Edge Network CDN, automatische HTTPS
Quellcode
Privates Repository. Fragen zur Architektur — gerne per E-Mail.