Can I vibe code Affiliatly?

Build a multi-tenant affiliate tracking platform using Next.js 14, Supabase (PostgreSQL + Auth), and Tailwind CSS. 1. DATA MODEL: Create tables for 'affiliates' (id, user_id, referral_code, custom_slug, payout_email, commission_rate), 'referrals' (id, affiliate_id, store_order_id, sale_amount, commission_amount, status [pending, approved, paid, void]), and 'clicks' (id, affiliate_id, ip_hash, user_agent, created_at). 2. TRACKING SCRIPT & COOKIES: Write a lightweight JS snippet embedded on client storefronts. It must read the '?ref=CODE' URL parameter, store the code in a 30-day HttpOnly cookie, and log a click to `/api/track/click`. 3. WEBHOOK HANDLING: Create an `/api/webhooks/shopify` endpoint that receives `orders/paid` webhooks. Parse both the cart note/attribute for the referral code AND the discount code array. If a match occurs in the 'affiliates' table, calculate `commission_amount = sale_amount * affiliate.commission_rate`, then create a row in 'referrals' with status 'pending'. Create a secondary endpoint for `orders/cancelled` to automatically set the referral status to 'void'. 4. AFFILIATE PORTAL: Build an authenticated UI where affiliates can view total clicks, total conversions, pending balance, and payout history. Include a section to generate custom URLs appended with their referral slug. 5. ADMIN DASHBOARD: Build a store owner UI to view all pending referrals, approve/void individual commissions, set default commission percentages, and export a CSV for mass payouts via PayPal MassPay format. Use TypeScript throughout, handle webhook signature verification securely, and optimize for zero-latency JS delivery on tenant stores.

$ each button prefixes agent-specific run instructions · build your own product, never copy proprietary code, trademarks or designs