fix: scroll to top on locale switch and remove dashes from hero text

- HeaderClient: track locale prop changes with useRef and call
  window.scrollTo on switch to reliably reset scroll position
- messages/en.json + de.json: replace em dash with comma and remove
  hyphens from Self-Hoster/Full-Stack in hero description

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

app/api/book-reviews/route.ts

@@ -3,7 +3,7 @@ import { getBookReviews } from '@/lib/directus';
 import { checkRateLimit, getClientIp } from '@/lib/auth';
 
 export const runtime = 'nodejs';
-export const revalidate = 300;
+export const dynamic = 'force-dynamic';
 
 const CACHE_TTL = 300; // 5 minutes
 

app/api/content/page/route.ts

@@ -3,6 +3,9 @@ import { getContentByKey } from "@/lib/content";
 import { getContentPage } from "@/lib/directus";
 import { richTextToSafeHtml } from "@/lib/richtext";
 
+export const runtime = 'nodejs';
+export const dynamic = 'force-dynamic';
+
 const CACHE_TTL = 300; // 5 minutes
 
 export async function GET(request: NextRequest) {

app/components/HeaderClient.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { useState, useEffect } from "react";
+import { useState, useEffect, useRef } from "react";
 import { SiGithub, SiLinkedin } from "react-icons/si";
 import Link from "next/link";
 import { usePathname, useSearchParams } from "next/navigation";
@@ -27,6 +27,14 @@ export default function HeaderClient({ locale, translations }: HeaderClientProps
   const [scrolled, setScrolled] = useState(false);
   const pathname = usePathname();
   const searchParams = useSearchParams();
+  const prevLocale = useRef(locale);
+
+  useEffect(() => {
+    if (prevLocale.current !== locale) {
+      window.scrollTo({ top: 0, behavior: "instant" });
+      prevLocale.current = locale;
+    }
+  }, [locale]);
 
   const isHome = pathname === `/${locale}` || pathname === `/${locale}/`;
 

app/components/Hero.tsx

@@ -5,8 +5,8 @@ interface HeroProps {
   locale: string;
 }
 
-export default async function Hero({ locale: _locale }: HeroProps) {
-  const t = await getTranslations("home.hero");
+export default async function Hero({ locale }: HeroProps) {
+  const t = await getTranslations({ locale, namespace: "home.hero" });
 
   return (
     <section className="relative min-h-screen flex flex-col items-center justify-center bg-stone-50 dark:bg-stone-950 px-6 transition-colors duration-500">

messages/de.json

@@ -34,7 +34,7 @@
         "f2": "Docker Swarm & CI/CD",
         "f3": "Self-Hosted Infrastruktur"
       },
-      "description": "Ich bin Dennis – Student aus Osnabrück und leidenschaftlicher Self-Hoster. Ich entwickle Full-Stack Apps und sorge am liebsten selbst dafür, dass sie auf meiner eigenen Infrastruktur perfekt laufen.",
+      "description": "Ich bin Dennis, Student aus Osnabrück und leidenschaftlicher Selfhoster. Ich entwickle Fullstack Apps und sorge am liebsten selbst dafür, dass sie auf meiner eigenen Infrastruktur perfekt laufen.",
       "ctaWork": "Meine Projekte",
       "ctaContact": "Kontakt"
     },

messages/en.json

@@ -35,7 +35,7 @@
         "f2": "Docker Swarm & CI/CD",
         "f3": "Self-Hosted Infrastructure"
       },
-      "description": "I'm Dennis – a student from Germany and a passionate self-hoster. I build full-stack applications and love the challenge of managing the infrastructure they run on.",
+      "description": "I'm Dennis, a student from Germany and a passionate selfhoster. I build fullstack applications and love the challenge of managing the infrastructure they run on.",
       "ctaWork": "View Projects",
       "ctaContact": "Get in touch"
     },