Auto-generated graphics for youth sports leagues

🔩Micro-SaaS🌐Web🌓1 weekNext.jsSatori/OG image genSupabase

The idea

Every youth soccer, basketball, and Little League club has a volunteer who spends Thursday night in Canva rebuilding the same matchup and results graphics with this week’s fixtures typed in by hand — across every team, every division, all season. Canva at $15/mo proves the budget exists, but Canva is a drawing tool being used as a mail merge. The graphics are pure data: fixtures, badges, scores, league colors.

The wedge is data-driven rendering. Upload the fixture CSV once at the start of the season and every week’s schedule, matchup, and results graphics generate themselves in league branding; entering a score regenerates the card. Satori-style server-side image generation makes this cheap and instant — no designer, no headless browser farm, no volunteer burnout. Templated, data-shaped use cases like this are exactly what peels off a generic design tool.

Who pays

The league or club, not the volunteer: $19/mo from a club budget replaces hours of donated labor and makes the league look professional to parents, which committees care about. One league contains dozens of teams, so each sale multiplies. Distribution: league administrator Facebook groups, county FA and youth-sports association newsletters, and the volunteers themselves showing off graphics that carry a subtle credit on the free tier.

MVP scope

  • League setup with logo, colors, and fixture CSV import with column mapping
  • Per-team badges with auto-monogram fallback
  • Weekly schedule, matchup, and results graphics in 5 template styles
  • Score entry grid plus magic-link entry for team managers
  • Zip download per week in square, story, and cover sizes
  • Skip for v1: direct social posting, video/animated graphics, player-of-the-match cards, standings tables
// Build prompt — paste into Cursor / Claude Code / Lovable / Bolt
Build MatchDay, a graphics generator for youth and amateur sports leagues. Stack: Next.js (App Router), Satori for JSX-to-SVG image generation rendered to PNG via resvg, Supabase for auth, Postgres, and storage.

Core flow: 1) League admin creates a league, uploads a logo, picks two brand colors, and uploads the season fixture CSV (columns: date, time, home team, away team, venue, division) — provide a downloadable template and a fuzzy column mapper. 2) Admin optionally uploads per-team logos; teams without one get an auto-generated monogram badge in league colors. 3) Every week the app renders three graphic sets from templates: weekend schedule (one per division), individual matchup cards (one per game, both team badges, kickoff time, venue), and results cards once scores are entered. 4) Admin enters scores in a simple grid — or shares a magic link so team managers enter their own — and results graphics regenerate instantly. 5) Everything is downloadable as a zip per week, sized for Instagram square, story, and Facebook cover in one render pass.

Pages: league setup wizard, season dashboard by week, score entry grid, template gallery with 5 layout styles, download center. Non-obvious details: render with Satori server-side so output is deterministic and fast — no headless browser; bake text-fit logic that shrinks long team names instead of wrapping. Pricing: free for 1 division with watermark, $19/mo per league, unlimited divisions and teams.

// More Micro-SaaS ideas