Magazine horloger · CMS éditorial IA + CRM & analytics · 2026

BOUTON ROUGE

  • Next.js 16
  • Prisma · PostgreSQL
  • Auth.js 5
  • Vercel AI SDK · Zod
  • YouTube Data API v3
  • — Client
    Bouton Rouge (Josh)
  • — Année
    2026
  • — Statut
    Livré · en production
  • — Live
    bouton-rouge.com
— Contexte

Josh anime une chaîne YouTube horlogère (Bouton Rouge), mais tout vit sur YouTube — aucune marque média en propre pour capitaliser. L'enjeu : bâtir un magazine, une newsletter et un kit partenariats à lui, et industrialiser la production éditoriale à partir de ses vidéos.

Marque média officielle du YouTubeur horloger Josh (Bouton Rouge). Sur un socle Next.js 16 / Prisma / PostgreSQL : magazine éditorial (essais de montres, sélections, Le Journal), hub vidéo alimenté par l'API YouTube Data v3 (synchronisation complète paginée, snapshots de croissance, cache 1 h, quota économe), tier list horlogère à vote communautaire anonyme, newsletter et bandeau d'actu défilant. Cœur backend : on colle une URL YouTube, un pipeline à trois niveaux (yt-dlp + cookies, caption-extractor, transcript) récupère les sous-titres FR, puis Claude Sonnet génère un brouillon structuré (Zod) dans le ton de Josh — reverse-engineeré depuis 32 transcriptions, avec glossaire anti-coquilles. Back-office Auth.js complet : CMS, CRM partenariats, modération et analytics géolocalisées.

— Résultats
  • 01

    Marque média complète — magazine IA, hub YouTube, tier list, newsletter, CRM et analytics sur un seul socle Next.js 16

  • 02

    D'une vidéo à un article publiable en minutes, dans le ton de Josh, sans quitter le back-office

  • 03

    Autonomie totale : Josh publie, programme, modère, suit ses deals partenariats et son trafic sans développeur

— Ce qui a été livré
  • Magazine public Next.js 16 App Router : accueil cinématique, Essais, Sélections, Le Journal, hub Vidéos, Tier List, Partenariats, Newsletter — SSR + revalidation ciblée à chaque publication
  • Pipeline IA : URL YouTube → extraction sous-titres FR à 3 niveaux (yt-dlp+cookies / caption-extractor / transcript) → brouillon structuré Zod (titre, chapeau, catégorie, Markdown, SEO) via Vercel AI SDK + Claude Sonnet
  • « Ton de Josh » reverse-engineeré sur 32 transcriptions + glossaire corrigeant les noms de marques mal transcrits par les sous-titres auto (Grand Seiko, San Martin, Miyota…)
  • Sync YouTube Data API v3 : pagination complète des uploads, détails par lots de 50 (playlistItems 1 unité vs search 100), snapshots de croissance de la chaîne, déclenchable en admin ou via cron sécurisé (Bearer)
  • Admin — Articles : CRUD complet, statuts Brouillon/Programmé/Publié, publication planifiée par cron, emplacements d'accueil exclusifs (À la une, Journal, Article du mois via transaction), grilles ordonnées, slugs uniques, SEO, upload d'images validé par magic bytes
  • Admin — CRM partenariats : pipeline 6 étapes (Nouveau→Qualifié→Proposition→Négociation→Gagné/Perdu), valeur estimée, priorité, relances datées, notes internes, valeur de pipeline agrégée ; leads du formulaire kit média captés automatiquement
  • Admin — Partenaires & Tier List : gestion des marques/boutiques/YouTubeurs affichés (logo, lien affilié, code promo copiable, ordre, actif) et des montres notées (vote public anonyme 5 niveaux, anti-abus par cookie visiteur + hash IP)
  • Admin — Suggestions, Bandeau « Le Fil » & Réglages : modération des idées de sujets (statuts + notes, honeypot + limite par IP), bandeau défilant éditable, dépôt des cookies YouTube pour débloquer l'extraction serveur des sous-titres
  • Admin — Analytics maison : compteur de vues first-party géolocalisé (geoip pays/régions/villes), top pages, référents, courbes 14 j, filtrage des bots — newsletter synchronisée vers Instantly avec sauvegarde locale de secours
— Voir en production
bouton-rouge.com
Site en production réelle. Lien direct, sans démo.
— Un projet comme celui-ci ?

Décrivez le vôtre en trois phrases. Réponse du studio sous 24 h ouvrées, sans intermédiaire.

Créer un projet similaire