MatchupKetchup

Vite + React app for Magic: The Gathering sideboard planning (decklists, metagame matchups, printable guides).

Local development

npm install
npm run dev

Production build

npm run build
npm run preview   # optional: serve ./dist locally

GitHub

This repo is intended to live on GitHub. Push updates to main (or your default branch); connected hosts will rebuild on push if you enable auto-deploy.

Deploy + custom domain (Wix-purchased domain)

Step-by-step host setup, DNS records for domains bought through Wix, and the /api/metagame-defaults behavior are documented in docs/DEPLOYMENT.md.

Quick picks

Host	Config in repo	Build	Output
Vercel	vercel.json	npm run build	dist
Netlify	netlify.toml	npm run build	dist
Cloudflare Pages	functions/api/metagame-defaults.js	npm run build	dist

All three wire GET /api/metagame-defaults in production (MTG Goldfish metagame defaults), matching the Vite dev server.

GitHub Pages / static-only: npm run build generates metagame-defaults.json in dist/; the client falls back to it when /api/metagame-defaults is missing. See docs/DEPLOYMENT.md §5.

ESLint

npm run lint