SV Viktoria Wertheim: Vereinswebsite Relaunch

Showcase-Projekt: Diese Website entstand als Proof-of-Concept, um zu demonstrieren, dass eine vollwertige Enterprise-Level Web-App mit Dashboard, Backend und Live-Datenintegration in nur einer Woche entwickelt werden kann. Der SV Viktoria Wertheim nutzt die Plattform seitdem produktiv – und HEADON ist stolzer Premium-Partner des Vereins.

Das Projekt auf einen Blick

LCP (Sekunden)

CLS

Woche Entwicklung

Live

Status

Die Herausforderung

Der SV Viktoria Wertheim ist ein Fußballverein aus dem Main-Tauber-Kreis. Im Rahmen eines Showcase-Projekts entwickelten wir einen kompletten Website-Relaunch mit folgenden Zielen:

Proof-of-Concept: Enterprise-Level Features in einer Woche
Performance: Optimale Core Web Vitals (LCP, CLS, INP)
Moderne Architektur: Next.js 15 mit App Router und Server Components
Self-Service: Einfache Content-Pflege ohne Entwickler-Eingriff
Live-Datenintegration: Automatische Spielpläne und Tabellen

Screenshots & Impressionen

Live-Tabelle & Spielplan

Mannschaften & Statistiken

Vereinsnachrichten

Merchandise-Bereich

Features im Detail

Server Components

Next.js 15 Server Components wurden konsequent für alle Seiten ohne Client-Interaktionen genutzt. Reduziert JavaScript-Bundle signifikant.

Zero Client-JS für statische Seiten
Streaming mit Suspense
Optimierte Build-Zeiten
LCP unter 1.2 Sekunden

Mobile Experience

Mobile-First Design

Das Design orientiert sich an modernen Sport-Websites mit Mobile-First Ansatz. Sticky Header, Hamburger-Menü und optimierte Touch-Targets.

✓ Hamburger-Menü mit Animation
✓ Sticky Header
✓ Touch-optimierte Buttons
✓ Responsive Bildergalerien

Tech Stack

Next.js

App Router, SSR

React

React 19

TypeScript

Strict Mode

Tailwind CSS

v4 mit Dark Mode

Supabase

Auth & Database

Framer Motion

Animationen

Docker

Deployment

Performance-Metriken

Die Website erreicht exzellente Core Web Vitals (gemessen am 14.12.2025):

LCP (Largest Contentful Paint): 1.1s (Target: < 2.5s ✅)
CLS (Cumulative Layout Shift): 0.01 (Target: < 0.1 ✅)

Fazit

Dieses Showcase-Projekt demonstriert, dass mit modernem Tech-Stack und effizienter Entwicklung eine vollwertige Vereinswebsite mit Enterprise-Level Features in kurzer Zeit realisierbar ist. Die Website läuft seit dem Launch stabil und wird vom Verein produktiv genutzt.

Key Takeaways:

Server Components reduzieren JavaScript-Bundle signifikant
Supabase ermöglicht schnelle Backend-Entwicklung mit RLS
TypeScript verhindert Laufzeitfehler
Moderne Toolchain beschleunigt Entwicklung

Interessiert an einer ähnlichen Lösung für Ihren Verein oder Ihre Organisation? Kontaktieren Sie uns für ein unverbindliches Beratungsgespräch.