Zum Inhalt springen
Vduce Technology
Hockenheim Cricket Club

Hockenheim Cricket Club: eine zweisprachige Vereinswebsite, die der Vorstand selbst pflegt

Eine Website mit Next.js 16 und Sanity mit News, Spielplan, Akademie, Galerie und Formularen – zweisprachig, DSGVO-konform und mit 100 Punkten für Barrierefreiheit und SEO.

  • Next.js 16
  • React 19
  • Tailwind CSS v4
  • Sanity
  • next-intl
  • Motion
  • Resend
  • Vercel
100
Lighthouse Barrierefreiheit, Best Practices & SEO (mobil)
87–94
Lighthouse Performance (mobil)
2
Sprachen, komplett pflegbar

01

Die Aufgabe

Der Hockenheim Cricket Club, die Cricket-Abteilung des HSV Hockenheim 1886 e.V., ist ein wachsender Verein mit Mitgliedern aus vielen Ländern. Er brauchte eine Website, die so ambitioniert aussieht wie der Verein, auf Deutsch und Englisch funktioniert und von Ehrenamtlichen am Sonntagabend in Minuten aktualisiert werden kann. Als deutscher Verein musste sie zudem Impressums- und DSGVO-Pflichten erfüllen, ohne Besucher mit Cookie-Wänden zu nerven.

02

Was wir gebaut haben

Wir haben eine animierte, zweisprachige Website mit allem gebaut, was ein Verein braucht: News mit Spielberichten und RSS, Spielplan und Ergebnisse mit Kalender-Download, Teams und Kader, eine Akademie mit Trainingszeiten und Anfragen für Einzeltraining, Seiten für Mitgliedschaft und Sponsoring, eine Fotogalerie mit Lightbox und Kontaktformulare.

Jeder Text, jedes Bild und jeder Seitenkopf ist in Sanity Studio bearbeitbar, das unter /studio auf derselben Domain läuft. Die Website fällt pro Bereich auf Platzhalterinhalte zurück und sieht so nie leer aus, während der Vorstand Inhalte einpflegt. Ein Seed-Skript kopiert alle Startinhalte ins CMS.

03

Architektur & Stack

  • Framework: Next.js 16 App Router mit React 19 und TypeScript, Design-Tokens mit Tailwind CSS v4.
  • i18n: next-intl mit Deutsch und Englisch, hreflang und lokalisierten Metadaten.
  • CMS: Sanity mit feldweisen Übersetzungen und Webhook-Revalidierung innerhalb von Sekunden nach dem Veröffentlichen.
  • Animation: Motion und Lenis, unter Berücksichtigung reduzierter Bewegung.
  • Formulare: React Hook Form und Zod mit Server Actions, Resend-E-Mails, Honeypot, Rate-Limit und Turnstile.
  • DSGVO: selbst gehostete Schriften, Zwei-Klick-Einbettungen für Karten und Videos, Einwilligungsdialog mit gleichwertigen Buttons, Vorlagen für Impressum und Datenschutz.
  • SEO: Sitemap, robots.txt, JSON-LD und dynamische Open-Graph-Bilder.

04

Das Ergebnis

Die Website erreicht in Lighthouse mobil auf jeder Seite 100 Punkte für Barrierefreiheit, Best Practices und SEO, bei einer Performance zwischen 87 und 94. Der Vorstand veröffentlicht News und Spieltermine selbst. Und weil der Verein nur wenige Straßen von unserem Büro in Hockenheim entfernt ist, ist er eine Referenz, die Sie persönlich besuchen können: hockenheimcricketclub.com.

Auch vduce.com basiert auf dieser Architektur. Sie planen Ihre eigene Website? Mehr zu Webentwicklung & CMS.

Ähnliches Projekt? Sprechen wir darüber.

Wir haben diese Art Problem schon gelöst. Erzählen Sie uns von Ihrem und erhalten Sie in wenigen Tagen einen realistischen Plan.

Projekt anfragen