Aller au contenu principal

Plateforme SaaS Multi-Tenant — Affiliation

Plateforme SaaS permettant de déployer et gérer des landing pages d'affiliation personnalisées sur domaines multiples, avec dashboard d'administration et analytics intégrés.

Next.jsReact 19SupabaseTypeScriptTailwind CSSshadcn/uiThree.jsAnalyticsMulti-TenantSaaS

Plateforme SaaS multi-tenant développée pour un client, permettant de déployer des sites d'affiliation personnalisés sur des domaines indépendants depuis un dashboard centralisé.

ARCHITECTURE :

Application Next.js 16 unique servant plusieurs domaines via un système de proxy (remplacement du middleware Next.js). Détection automatique du domaine, injection de headers, routage conditionnel admin/public. Architecture Feature-Sliced Design côté frontend. Base de données PostgreSQL via Supabase avec Row Level Security. Fonctions RPC serveur pour les agrégations analytiques.

STACK TECHNIQUE :

Frontend : Next.js 16 + React 19, shadcn/ui (Radix + Tailwind CSS 4), Zustand, TanStack Query v5, React Hook Form + Zod 4, Three.js (animations 3D), react-fast-marquee, dnd-kit (drag & drop), nuqs

Backend : Supabase (PostgreSQL + Auth + Storage), fonctions RPC serveur, Server Actions Next.js

Analytics : Système cookieless avec agrégations timezone-aware (date-fns-tz), comparaison de périodes, tracking par device/bouton/carte

FONCTIONNALITÉS :

Multi-tenancy : Chaque client dispose de son propre domaine avec thème personnalisable (couleurs oklch), hero configurable, SEO metadata, contenu légal, logo/favicon. Configuration JSONB flexible sans migration de schéma.

Dashboard admin : Gestion CRUD des sites et de la bibliothèque de partenaires. Associations site-partenaire avec drag & drop pour l'ordonnancement, badges personnalisés, cartes internes configurables, URLs de redirection par bouton.

Analytics cookieless : Tracking RGPD-friendly sans cookies. Agrégation serveur via RPC Supabase. Statistiques par période (jour, semaine, mois, année) avec comparaison automatique. Répartition par device, taux de clic, performances par partenaire.

Animations premium : Blobs morphing CSS avec accélération GPU, particules flottantes pré-calculées (zero-jank), gradients animés. Optimisation responsive (tailles réduites sur mobile).

Internationalisation : Support multilingue (FR/EN) par site, détection automatique de la locale.

RÉSULTATS :

Plateforme en production servant plusieurs domaines simultanément. Déploiement de nouveaux sites en minutes via le dashboard. Analytics temps réel sans dépendance externe.