Aller au contenu
NLEN AI FLOW
Construction en public

La roadmap de NLEN AI FLOW

Neuf étapes, dans l'ordre, pour passer d'une landing page à un SaaS qui génère et publie des vidéos courtes sans intervention humaine. Chaque étape se termine par un livrable vérifiable.

Étape 9 sur 989%

  1. Étape 1 — Fondations + landing page

    Terminé

    Un projet Next.js propre, un design system, et une page d'accueil qui vend le produit.

    Livrables

    • Projet Next.js 16 (App Router, TypeScript strict, Tailwind v4)
    • Design system sombre : tokens de couleurs, typographie, animations
    • Landing complète : hero animé, démo interactive du générateur, agents, preuves, tarifs, FAQ
    • Page /tarifs avec comparatif détaillé
    • SEO de base : metadata, Open Graph, données structurées JSON-LD
    • Page /roadmap (celle-ci)

    Vos décisions

    • Valider le nom de domaine réel (nlenaiflow.com est un placeholder)
    • Valider les prix affichés (0 / 19 / 49 / 129 $)
    Next.js 16React 19Tailwind v4lucide-react

  2. Étape 2 — Comptes utilisateurs + base de données

    Terminé

    Inscription, connexion, session sécurisée, et une vraie base de données (la newsletter et la liste d'attente deviennent réelles).

    Livrables

    • Auth.js v5 : liens magiques sans mot de passe (+ Google auto si clés fournies)
    • Schéma Prisma SQLite : User, Account, Session, VerificationToken, Waitlist, DevInbox
    • Pages /connexion, /inscription (préremplissage ?email=), /verifier-email
    • Boîte magique de dev (DEV_INBOX) + envoi Resend automatique si clé présente
    • Espace /app protégé côté serveur (layout + redirect hôte réel)
    • Header conscient de la session (Tableau de bord / déconnexion)
    • POST /api/waitlist persisté en base (newsletter + hero)

    Vos décisions

    • Base dev : SQLite (zéro compte). Prod Vercel : Neon Postgres (1 ligne à changer)
    • Google OAuth : optionnel, activé par variables d'environnement
    Auth.js v5PrismaNeon Postgres@vercel/blob

  3. Étape 3 — Modèle de données du produit

    Terminé

    Tout ce que le SaaS manipule : agents, projets, scènes, médias, publications, crédits.

    Livrables

    • Migrations Prisma : Agent, Voice, Brand, Project, Video, Scene, Media, Publication, ConnectedAccount, CreditLedger, Subscription
    • Seed : 50 agents (10 niches × 5) + 52 voix off — rejouable (upserts)
    • Logique de crédits transactionnelle : débit, refus sous zéro, remboursement automatique des échecs, journal d'audit immuable
    • Types partagés (zod) : projets, vidéos, publications, kit de marque
    • 16 vérifications automatisées passées (chaîne complète, contraintes, cascades)

    Vos décisions

    • Niches seedées : motivation, finance, entrepreneuriat, fitness, cuisine, voyage, luxe, horreur, tech, amour
    • Crédits : ils n'expirent JAMAIS et tout échec est remboursé (vs CreaShort : expiration 2 mois)
    PrismaZodNeon Postgres

  4. Étape 4 — Moteur de génération IA

    Terminé

    Idée → script par agent → voix off → visuels → sous-titres animés → MP4 vertical, avec file d'attente et remboursement automatique.

    Livrables

    • Pipeline complet : SCRIPTING → VOICEOVER → VISUALS → SUBTITLES → RENDERING → READY, progression en base
    • Script IA par personnalité d'agent (gpt-4o-mini, JSON structuré hook/corps/CTA)
    • Voix off OpenAI TTS (catalogue 52 voix mappé) + sous-titres mot à mot (Whisper)
    • Visuels de scène (gpt-image-1) — chaque brique a un mode démo sans clé API
    • Rendu MP4 1080×1920 par ffmpeg statique DANS la fonction Vercel (sous-titres gravés)
    • Échec = statut FAILED + remboursement automatique (testé en production)
    • Banc d'essai /app/moteur : idée + agent + voix → vidéo, barre de progression
    • 16 vérifications automatisées + génération réelle testée en ligne

    Vos décisions

    • Rendu : ffmpeg embarqué dans la fonction serverless (pas de service externe)
    • Stockage vidéos : Vercel Blob (BLOB_READ_WRITE_TOKEN) — repli temporaire local sinon
    • Clé OpenAI = IA réelle (script, voix, images, sous-titres) ; sans clé = mode démo
    OpenAIffmpeg@vercel/blobafter()

  5. Étape 5 — Application (dashboard) + générateur réel

    Terminé

    Le vrai studio : tableau de bord en données réelles, générateur avec progression en direct, édition scène par scène et re-rendu.

    Livrables

    • Barre latérale active + solde de crédits réel (base) partout, nav mobile
    • Tableau de bord en données réelles : crédits, vidéos prêtes/en cours, grille des dernières vidéos
    • Générateur /app/generer : idée + cartes d'agents filtrables par niche + voix, progression phase par phase
    • Studio /app/videos/[id] : lecteur 9:16, édition du titre et des scènes, re-rendu 10 crédits, téléchargement, suppression
    • Re-rendu intelligent : réutilise les visuels, régénère voix/sous-titres/montage (échec = remboursement)
    • API : PATCH scènes, POST rerender, DELETE — toutes protégées (propriétaire)
    • 13 vérifications HTTP de bout en bout (connexion → génération → édition → re-rendu → suppression)

    Vos décisions

    • Progression : sondage toutes les 2 s (le SSE arrivera si besoin à l'Étape 6)
    • Re-rendu facturé 10 crédits, comme une génération (anti-abus, remboursé si échec)
    Next.js 16PrismaAPI routes

  6. Étape 6 — Bibliothèque, calendrier et publication automatique

    Terminé

    Le gain de temps visible : planifier et laisser publier.

    Livrables

    • Bibliothèque de vidéos (filtres, recherche, tags, duplication)
    • Calendrier mensuel avec glisser-déposer
    • Connexion OAuth TikTok, Instagram, YouTube
    • Publication différée + rapport de statut

    Vos décisions

    • Demander les accès développeur TikTok / Meta / YouTube (délai de validation : 2 à 6 semaines)
    • Décider s'il faut un compte Business Meta obligatoire pour Reels
    TikTok APIInstagram Graph APIYouTube Data API

  7. Étape 7 — Paiements et crédits (Stripe)

    Terminé

    Monétiser : abonnements, crédits, factures, portail client.

    Livrables

    • Checkout Stripe + webhook de synchronisation
    • Portail client (carte, factures, résiliation)
    • Limites par plan appliquées côté serveur
    • Emails transactionnels (paiement, échec, quota atteint)

    Vos décisions

    • Créer le compte Stripe et vérifier l'entité juridique (important depuis le Cameroun : vérifier les pays supportés, sinon passer par Stripe Atlas ou une alternative type Paddle/Lemon Squeezy)
    • TVA UE : activer Stripe Tax ou non
    StripeStripe TaxResend

  8. Étape 8 — SEO, contenu, pages légales, emails

    Terminé

    Être trouvé et être conforme avant le lancement public.

    Livrables

    • Blog + guides (programmatique si besoin)
    • Pages CGU, confidentialité, mentions légales, cookies + bandeau RGPD
    • sitemap.xml et robots.txt dynamiques
    • Images Open Graph par page, emails transactionnels designés

    Vos décisions

    • Rédiger ou faire rédiger les mentions légales (entité, adresse, capital)
    • Choisir le domaine final et l'email d'envoi
    next-sitemapResend + React Email
  9. 9

    Étape 9 — Déploiement sur Vercel + suivi

    En cours

    Mettre en ligne, mesurer, itérer.

    Livrables

    • Projet Vercel relié au dépôt Git, variables d'environnement
    • Domaine personnalisé + SSL
    • Analytics + événements produit (inscription, génération, publication)
    • Surveillance des erreurs et alertes de quota API

    Vos décisions

    • Acheter le domaine
    • Choisir l'outil d'analytics (Vercel Analytics, Plausible, PostHog)
    VercelPostHogSentry
Retour à l'accueilVoir les tarifs