SWBS Öffentliche Website

Die öffentliche Website wurde mit Next.js 15 App Router und der neuesten React-Architektur gebaut. React Server Components (RSC) rendern Content-Seiten serverseitig — kein JavaScript wird für statische Inhalte zum Browser gesendet.

Rendering-Strategie: Hybrides Rendering je nach Content-Typ: Technologie-Detailseiten als vollständige RSC mit ISR (Incremental Static Regeneration, 60 Sekunden), die Technologie-Übersichtsseite als Client-Component mit Server-Side Pagination über die API, Homepage und Service-Seiten als Static mit On-Demand-Revalidierung.

i18n (Mehrsprachigkeit): next-intl mit URL-basiertem Routing (/de/..., /en/...). Alle Texte aus messages/de.json und messages/en.json. API-Requests übergeben locale als Parameter, das Backend gibt lokalisierte Inhalte zurück.

SEO: Dynamische generateMetadata() für alle Seiten. Schema.org JSON-LD: TechArticle für Technologie-Detail-Seiten, FAQPage für Technologien mit FAQs, Article für Blog-Posts, LocalBusiness für Standorte, Service für Leistungsseiten. Automatische Sitemap-Generierung.

Technology Showcase: 200+ Technologien mit Server-Side Pagination (32 pro Seite Standard), Echtzeit-Suche via API, Kategorie-Filter und A→Z/Z→A-Sortierung. Auf der Homepage ein dreiteiliger automatisch scrollender Technologie-Slider mit Pause-on-Hover.

Performance: Lazy Loading für alle Technologie-Logos, next/image mit automatischer WebP-Konvertierung, apiFetch-Funktion mit Next.js-integriertem Fetch-Caching für Server-Requests.

Korrekte Kombination von Server Components und Client Components in Next.js 15 bei gleichzeitiger i18n-Unterstützung, SEO-Anforderungen und interaktiven Features wie der Technologie-Suche.

Klare Architektur-Trennung: Content-Seiten als RSC mit direktem API-Fetch auf dem Server, interaktive Features (Suche, Filter, Pagination) als minimale Client-Components die nur die benötigte Interaktivität hinzufügen. next-intl mit requestLocale für korrekte Server-side i18n.