Back to KB
Discobolos Logo

Discobolos

Amateur Ultimate Frisbee team platform for events and media tracking.

Next.js 14SupabaseGoogle Photos APITailwind CSS
Visit Live Site

The Challenge

The Discobolos ultimate frisbee team needed a centralized digital presence to handle core functions: showcasing team culture through premium media and managing their robust event calendar (practices & matches).

A major constraint was hosting bandwidth and cost—managing hundreds of high-res action shots and videos via traditional CMS platforms would not be sustainable. Therefore, an integration bypassing direct asset hosting was necessary.

Supabase Backend

Leveraged Supabase as a Backend-as-a-Service (BaaS) providing PostgreSQL, authentication, and rapid CRUD for real-time events.

  • Dynamic querying for upcoming vs past events.
  • Built-in authentication protecting team management tools.

Google Photos API

Integrated the Google Photos API directly into the Next.js backend architecture. Instead of hosting gigabytes of club media, admins simply share album links.

  • Drastically reduced CDN bandwidth charges.
  • Zero-friction media upload workflow for admins.

Architecture Highlights

SSR & Caching

Next.js App Router heavily utilizes SSR and advanced route segment caching. `force-dynamic` is deployed on the events page to guarantee real-time reflection of the database state, preventing stale schedules.

Form Control

The event registration and contact pipelines are fully managed via custom react hooks ensuring controlled input validation before dispatching to the Supabase endpoint or automated email routers.

KB