PropEdge AI

About PropEdge AI

PropEdge AI is a sports props analytics web app that helps you research multi-sport player props, build custom weighted models, and get AI-powered insights. Think of it as a lighter version of PickFinder + Rithmm—focused on speed to market and core features.

PropEdge AI

What This App Does

  • • Dashboard with props table across NBA, NFL, MLB, NHL, WNBA, LoL, CS2, Valorant
  • • Custom model builder with 7 weighted factors and backtesting
  • • AI-powered insights for each prop (OpenAI, Grok, Claude compatible)
  • • Pick builder with copy-for-PrizePicks/Underdog export
  • • Free vs Premium plans with Stripe subscription

PropEdge AI — full app walkthrough

Supabase Integration

Supabase powers authentication and data storage for PropEdge AI.

Project overview

Auth and PostgreSQL for PropEdge AI.

Supabase project overview

Authentication setup

Email/password signup and login. Email URL verification and OTP verification. Server client for API routes; browser client for user-triggered actions.

Database tables

PostgreSQL tables: profiles, user_models, stripe_customers, invoices.

RLS policies

Row Level Security enforces per-user data access on all tables.

Clients

Use @/lib/supabase/client in the browser; use @/lib/supabase/server in API routes and Server Components.

Stripe Integration

Stripe handles subscriptions and billing for the Premium plan.

Webhook & Transaction

Stripe Webhooks

Webhooks

Webhook

Stripe sends events to /api/stripe/webhook. Updates profiles.is_premium and syncs invoice.paid to Supabase.

Transaction

  • Add credit ($10+ min): /api/stripe/charge-balance
  • Purchase Premium: /api/premium/purchase-with-balance

Note

Use Stripe test mode for development. Test credit card: 4242 4242 4242 4242. Use any future expiry date, any CVC, and any ZIP.

Webhook source

webhook/route.ts

Backend code

  • Checkout: /api/stripe/checkout
  • Customer Portal: /api/stripe/portal
  • Premium $19.99/month from Profile → Plan tab

Packages

Key dependencies: Next.js 16, React 19, TypeScript, Tailwind v4, Radix UI, react-hook-form, zod, Zustand, flowbite-react (Datepicker), framer-motion, recharts, sonner, Stripe, Supabase.

See README for the full package list.

Vercel Deploy

PropEdge AI is designed to deploy on Vercel. Connect your GitHub repo, add environment variables (Supabase, Stripe, AI keys), and configure the Stripe webhook URL to your Vercel domain.

Vercel deployment

Vercel deployment

  • • Add /auth/callback to Supabase redirect URLs
  • • Set Stripe webhook to /api/stripe/webhook