Dev.to
6/28/2026

Building PocketDex Tracker: A Next.js and Supabase App for Pokemon TCG Pocket Collections
Short summary
PocketDex Tracker is an open-source Next.js application for tracking Pokémon TCG Pocket card collections, built with React 19, Supabase, and TypeScript. It features collection progress tracking, card search with filters, and pack recommendations based on missing-card pull odds. The case study covers server/client component architecture, database design with row-level security, and includes code snippets, GitHub repo, and a live Vercel deployment.
- •Built with Next.js App Router, React 19, Supabase authentication and Postgres with row-level security, TypeScript, and Tailwind CSS
- •Core features: collection completion tracking, filtered card search, set browsing, and intelligent pack recommendations using expected-value calculations
- •Open-source on GitHub with complete schema setup, RLS policies, and deployment instructions; live demo at pocketdex-tracker.vercel.app
Generated with AI, which can make mistakes.
Is this a good recommendation for you?



