Persoenliche Web-Praesenz fuer rauhut.com — German Rauhut, Technical Product Owner & AI Product Builder.
One-Pager mit Impressum. Minimal Material Design. Dark Mode default, Light Mode toggelbar. Vercel Web Analytics (cookieless, DSGVO-konform), keine Third-Party-Tracker.
- Next.js 16 (App Router, Turbopack)
- React 19
- Tailwind CSS v4 (PostCSS-only,
@themetokens) - TypeScript (strict)
- Deploy: Vercel (live)
- Domain:
rauhut.comlive auf Vercel (DNS-Cutover IONOS → Vercel done 2026-04-17; MX bleibt IONOS)
npm install
npm run dev # http://localhost:3001
npm run build # production build
npm run start # serve production build
npm run lintPort 3001 (statt Standard 3000), um Kollision mit neckarshore-website zu vermeiden.
| Pfad | Zweck |
|---|---|
docs/architecture.md |
Architektur-Doku: Systemgrenzen, Routen, Rendering, SEO, Privacy, Deploy-Flow |
src/app/page.tsx |
Startseite DE: Header, Zusammenfassung, Kernkompetenzen, Projekte, Kontakt |
src/app/en/page.tsx |
Startseite EN (volle Uebersetzung, <main lang="en">) |
src/app/impressum/page.tsx |
Impressum (§5 TMG), noindex, DE-only |
src/app/icon.svg + favicon.ico + apple-icon.png |
Favicon (SVG primary, ICO legacy, 180x180 fuer iOS) |
src/app/sitemap.ts |
Sitemap fuer /, /en, /impressum mit hreflang-alternates |
src/components/FounderPhoto.tsx |
Portrait-Wechsel (Client Component) |
src/components/ProjectTiles.tsx |
Neckarshore + Obsidian Vault Autopilot Tiles |
src/components/ThemeToggle.tsx |
Dark/Light Toggle (CSS-driven, DOM-only) |
src/components/LangToggle.tsx |
DE/EN Sprach-Nav (SSR-friendly, current = span, other = Link) |
src/fonts/Inter-Variable.woff2 |
self-hosted Inter Variable (DSGVO) |
public/theme-init.js |
Anti-Flash Script, laeuft vor Paint |
Dark Mode ist Default (<html data-theme="dark">). Light Mode via :root[data-theme="light"].
- Primary text / bg:
#F5F5F5/#0A0A0A(dark) ·#0A0A0A/#FFFFFF(light) - Signal-Akzent (Pastell "Stuttgart morning sky"):
#A5B9D1(dark) /#8DA5C4(light) - Brand Teal (Neckarshore, H1):
#22D3EE(dark) /#0E7490(light) - Brand Amber (Second Accent, H2):
#F59E0B(dark) /#B45309(light)
Inter Variable als einzige Schriftart, self-hosted.
Lighthouse Baseline:
| Desktop | Mobile | |
|---|---|---|
| Performance | 100 | 97 |
| Accessibility | 100 | 100 |
| Best Practices | 100 | 100 |
| SEO | 100 | 100 |
- Vercel Web Analytics (cookieless, DSGVO-konform) — kein Cookie-Banner
- Keine Third-Party-Tracker (kein GA, kein Plausible, kein Sentry)
- Self-hosted Font (DSGVO)
robots: indexauf/und/en,robots: noindexauf/impressum- i18n: DE (default) + EN (
/en), hreflang-alternates in Metadata + Sitemap. Impressum bleibt DE-only (rechtlich erforderlich).
Linus (Frontend) bei Neckarshore AI. Repo-Home: GmanFooFoo/rauhut-website (persoenlich, nicht neckarshore-ai Org).