SWBS Öffentliche Website

The public website was built with the Next.js 15 App Router and the latest React architecture. React Server Components (RSC) render content pages on the server — no JavaScript is shipped to the browser for static content.

Rendering strategy: hybrid rendering by content type. Technology detail pages are full RSC with ISR (incremental static regeneration, 60 seconds); the technology overview page is a client component with server-side pagination through the API; homepage and service pages are static with on-demand revalidation.

i18n: next-intl with URL-based routing (/de/…, /en/…). All copy lives in messages/de.json and messages/en.json. API requests pass the locale as a parameter and the backend returns localised content.

SEO: dynamic generateMetadata() on every page. Schema.org JSON-LD: TechArticle for technology detail pages, FAQPage for technologies with FAQs, Article for blog posts, LocalBusiness for locations, Service for service pages. Sitemap generation is automatic.

Technology showcase: 200+ technologies with server-side pagination (32 per page by default), live search through the API, category filters and A→Z / Z→A sorting. The homepage carries a three-row auto-scrolling technology slider with pause on hover.

Performance: lazy loading for every technology logo, next/image with automatic WebP conversion, and an apiFetch function that uses the Next.js fetch cache for server requests.

Combining server components and client components correctly in Next.js 15 while supporting i18n, meeting SEO requirements and keeping interactive features such as the technology search.

A clear architectural split: content pages as RSC fetching the API directly on the server, interactive features (search, filter, pagination) as minimal client components that add only the interactivity actually needed. next-intl with requestLocale for correct server-side i18n.