🚀 Passer à une vraie base utilisateurs

Ton site utilise actuellement localStorage — chaque utilisateur n'existe que sur son propre navigateur. Pour avoir une vraie base clients centralisée, il faut intégrer Supabase (backend gratuit).

📋 Étape 1 — Créer compte Supabase

1. Aller sur supabase.com → Start your project
2. Créer un projet (région Europe de préférence)
3. Attendre 2 min l'initialisation
4. Récupérer l'URL du projet et la clé API (Settings → API)

📋 Étape 2 — Créer les tables

Dans le SQL Editor de Supabase, lancer :

-- Table utilisateurs
CREATE TABLE users (
  id uuid PRIMARY KEY DEFAULT gen_random_uuid(),
  email text UNIQUE NOT NULL,
  name text,
  plan text DEFAULT 'free',
  code text,
  expires_at timestamp,
  profile_data jsonb,
  created_at timestamp DEFAULT now()
);

-- Table des paris
CREATE TABLE bets (
  id uuid PRIMARY KEY DEFAULT gen_random_uuid(),
  user_id uuid REFERENCES users(id),
  data jsonb,
  created_at timestamp DEFAULT now()
);

-- Table codes d'accès
CREATE TABLE access_codes (
  code text PRIMARY KEY,
  plan text NOT NULL,
  name text,
  expires_at timestamp,
  used_by uuid REFERENCES users(id),
  created_at timestamp DEFAULT now()
);

📋 Étape 3 — Intégrer le SDK Supabase

Ajouter en haut du fichier HTML, avant les autres scripts :

<script src="https://cdn.jsdelivr.net/npm/@supabase/supabase-js@2"></script>
<script>
const SB = supabase.createClient(
  'https://TON-PROJET.supabase.co',
  'TA-CLE-ANON-PUBLIQUE'
);
</script>

📋 Étape 4 — Remplacer localStorage par Supabase

Remplacer les fonctions JS actuelles :

// AVANT (localStorage)
function saveU(users) {
  localStorage.setItem('bp_users', JSON.stringify(users));
}

// APRÈS (Supabase)
async function saveUser(userData) {
  const {data, error} = await SB
    .from('users')
    .upsert(userData);
  return data;
}

📋 Étape 5 — Activer l'admin sécurisé

1. Dans Supabase → Authentication → Users, créer ton compte admin
2. Dans la table users, set plan='admin' pour ton email
3. Le lien Admin apparaîtra automatiquement dans ta sidebar

📋 Étape 6 — Automatiser les paiements Stripe

Utiliser les webhooks Stripe pour activer automatiquement les codes :

1. Dashboard Stripe → Developers → Webhooks → Add endpoint
2. URL : https://TON-PROJET.supabase.co/functions/v1/stripe-webhook
3. Events : checkout.session.completed
4. Créer une Edge Function Supabase qui :
   • Reçoit le paiement
   • Génère un code unique (BP-PRO-XXXX)
   • L'insère dans access_codes
   • Envoie l’email au client via Resend

💰 Coûts estimés

• Supabase : gratuit jusqu'à 50 000 utilisateurs
• Netlify : gratuit (100GB bande passante)
• Resend emails : gratuit 3 000 emails/mois
• Domaine .fr : ~15€/an
• Stripe : 1.4% + 0.25€ par transaction

✨ Total pour lancer : environ 15€/an + commissions Stripe