EscoBets

Elite Telegram Betting Insights — high-confidence picks, proven data, and real results.

Stack

• React + Next.js 15 (App Router)
• TypeScript
• Tailwind CSS
• Vercel (deploy as-is)
• Supabase (auth & database)
• shadcn-style UI (Button, Accordion, cn utility)
• Storybook (component development & docs)

Setup

1. Install dependencies

   npm install

2. Environment (optional for now)

   Supabase is optional until you add auth. To run without it, either:

   • Skip .env – the app works with no Supabase config.
   • Or copy .env.local.example to .env.local and leave the placeholder values. Replace them when you set up Supabase.

   cp .env.local.example .env.local

   Real values: Supabase Dashboard → your project → Settings → API.

3. Run dev

   npm run dev

   Open http://localhost:3000.

4. Storybook

   npm run storybook

   Open http://localhost:6006.

Deploy on Vercel

• Push to GitHub and import the repo in Vercel.
• Add NEXT_PUBLIC_SUPABASE_URL and NEXT_PUBLIC_SUPABASE_ANON_KEY in Project → Settings → Environment Variables.
• Deploy.

Project structure

• src/app/ — Next.js App Router (layout, page, globals)
• src/components/ui/ — reusable UI (Button, Accordion)
• src/components/landing/ — landing sections (Header, Hero, Pricing, FAQ, etc.)
• src/lib/ — utils.ts (cn), Supabase client/server
• .storybook/ — Storybook config
• *.stories.tsx — component stories

Design

Landing page follows the EscoBets Figma design: dark theme, yellow (#DFFF00) accents, sections for hero, promo, tweets, pricing, deals, FAQ, and footer.