Persönliche Web-Präsenz für German Rauhut — statischer One-Pager, zweisprachig, DSGVO-by-Design
rauhut.com ↗Statische persönliche Web-Präsenz für German Rauhut: zweisprachiger One-Pager auf Next.js 16, cookieless, DSGVO-by-Design, live auf Vercel.
- Next.js 16 (App Router, Turbopack)
- React 19
- Tailwind CSS v4
- TypeScript (strict)
- Vercel (Hosting + Web Analytics)
- Playwright (E2E)
Ausgangslage
rauhut.com ist die persönliche Web-Präsenz des Gründers — die Person, nicht die Firma (neckarshore.ai ist das Unternehmen). Gebraucht wurde ein schlanker, schneller One-Pager als Proof of Work: Profil, Kernkompetenzen, Projekte und Kontakt, zweisprachig in Deutsch und Englisch. Anspruch: kein Cookie-Banner, keine Third-Party-Tracker, voll DSGVO-konform — eine Visitenkarte, die in Sekunden lädt und nichts an Dritte abgibt.
Ansatz
Die Seite entstand KI-beschleunigt im selben Multi-Agent-Workflow, mit dem Neckarshore arbeitet. Architektonisch konsequent statisch: ein vorab gerenderter One-Pager ohne CMS, Dark Mode als Default mit Light-Toggle. Datenschutz ist by Design eingebaut — Schrift (Inter Variable) self-hosted statt über ein CDN, Analytics ausschließlich über die cookielose Vercel Web Analytics, daher kein Banner nötig. Das Impressum (§5 TMG) liegt auf noindex.
Technik & Architektur
Die Architektur im Detail — was hinter den Bausteinen oben steckt:
| Baustein | Detail |
|---|---|
| Framework | Next.js 16 (App Router, Turbopack), React 19, TypeScript im Strict-Mode |
| Styling | Tailwind CSS v4 (PostCSS-only, @theme-Tokens) |
| Hosting | Vercel (inkl. cookieloser Web Analytics); HSTS automatisch für die verifizierte Domain |
| Internationalisierung | Statisch gelöst: Deutsch als Default unter /, Englisch unter /en — hreflang-Alternates in Metadata und Sitemap |
| Kontaktformular | Serverseitig über Nodemailer (Cloudflare Turnstile als Spam-Schutz vorgesehen, derzeit dormant) |
| Sicherheit | OWASP-Baseline-Header inkl. einer pragmatischen Content-Security-Policy und ein www→Apex-Redirect (308) |
| Tests | Playwright-E2E |
| SEO | Schema.org Person als natives JSON-LD direkt im SSR-HTML |
Laufende Pflege
Vor jeder Veröffentlichung laufen automatische Kontrollen: Der Code wird auf Sauberkeit geprüft, die wichtigsten Funktionen werden durchgetestet (Inhalte, der Wechsel zwischen Deutsch und Englisch, das Umschalten zwischen hellem und dunklem Modus) und Ladezeit, Barrierefreiheit sowie Suchmaschinen-Tauglichkeit werden gemessen — wöchentlich und bei jeder Änderung. Die Veröffentlichung selbst läuft automatisch: Jede freigegebene Änderung geht ohne manuellen Schritt live, jede Vorab-Version bekommt vorher eine eigene Test-Adresse zur Abnahme.
Status
Live auf Vercel unter rauhut.com; der DNS-Cutover von IONOS zu Vercel ist seit 2026-04-17 abgeschlossen (MX bleibt bei IONOS, Mail-Empfang separat geregelt). Online sind der zweisprachige One-Pager (Zusammenfassung, Kernkompetenzen, Projekte, Kontakt), das Impressum und die /designs-Galerie. Lighthouse-Baseline laut Repo: Accessibility, Best Practices und SEO bei 100 (Desktop + Mobile), Performance 100 Desktop / 97 Mobile.
Ausblick
Eine eigentliche Roadmap gibt es nicht — offen ist nur ein kleiner Feinschliff-Backlog, der größtenteils schon abgearbeitet ist. Vorbereitet und noch zu aktivieren: ein Spam-Schutz für das Kontaktformular. Bewusst nicht geplant sind ein Blog, fremde Analyse-Werkzeuge und ein Cookie-Banner.
Häufige Fragen
Was ist rauhut.com?+
Die persönliche Web-Präsenz des Gründers German Rauhut — die Person, nicht die Firma (neckarshore.ai ist das Unternehmen). Ein schlanker, schneller One-Pager als Proof of Work: Profil, Kernkompetenzen, Projekte und Kontakt, zweisprachig in Deutsch und Englisch.
Wie ist die Zweisprachigkeit gelöst?+
Statisch: Deutsch als Default unter /, Englisch unter /en, mit hreflang-Alternates in Metadata und Sitemap. Kein Client-seitiges Umschalten, kein doppelter Content — zwei vorab gerenderte Sprachvarianten.
Wie steht es um Datenschutz?+
Voll DSGVO-konform und ohne Cookie-Banner: die Schrift (Inter Variable) ist self-hosted statt über ein CDN, und die Analytik läuft ausschließlich über die cookielose Vercel Web Analytics — daher ist kein Banner nötig.
Welche Lighthouse-Werte erreicht die Seite?+
Laut Repo-Baseline erreicht die Seite 100 in Accessibility, Best Practices und SEO (Desktop und Mobile) bei durchgängig sehr hoher Performance — die exakten Werte stehen in den protokollierten CI-Läufen.
Wie dieser Text entstand: KI-beschleunigt aus dem Projekt-Repository zusammengestellt, vom Gründer redigiert — dieselbe Arbeitsweise, mit der wir bauen.