FIG. 02

JJJ Differdange

A content-managed marketing site for a Luxembourg judo and jiu-jitsu club, editable by non-technical committee members.

Next.jsReact 19TypeScriptTailwind CSS v4next-intlKeystatic CMSResendVercel

Problem

Judo & Jiu-Jitsu Club Differdange needed a digital presence covering training programmes by age group, a seasonal schedule, news and events, tournament information, a photo gallery, and instructor and committee bios — and the committee members who'd maintain this content are not developers.

Solution

A Next.js (App Router) marketing site with nine sections — home, programmes, schedule, news/events, tournaments, gallery, team/committee, contact, and philosophy — built with React 19, TypeScript, and Tailwind CSS v4. Schedule, news, and team content are editable through Keystatic, a Git-backed headless CMS, with GitHub OAuth gating committee editor access. The contact form is a server action that sends email through Resend. The site is hosted on Vercel.

Outcome

Phase 1 — the French-language launch — is built and complete, currently pending final client-provided assets (hero photo, stats) and QA sign-off before it goes live at its permanent domain.

Like what you see? Start a project

Tell us about what you're building — we'll tell you honestly what it would take.