Retour aux realisations
Code with AI2025Impulsion

Notion Publisher — LMS piloté par Notion.

Plateforme LMS qui transforme Notion en back-office de formation : sync, hiérarchie programme/module/activité, auth, progression, paiement Stripe et certificats.

Voir le projetVoir le site
Demo
01
02
03

01 · Besoin

Notion ne suffit pas, les LMS sont rigides.

Notion est excellent pour écrire et collaborer, mais ses pages ne suffisent pas pour délivrer une expérience apprenant pro. Les LMS classiques sont rigides, coûteux, peu élégants. Il fallait un pont robuste entre la souplesse éditoriale de Notion et les standards d'une plateforme de formation moderne.

02 · Solution

Notion → LMS publié, prêt à monétiser.

Les équipes pédagogiques publient depuis Notion en édition simple. Les apprenants accèdent à une interface dédiée, structurée et professionnelle : navigation, progression, modules verrouillés, certificats vérifiables. Stripe gère le paiement, dashboard admin temps réel, médias miroités vers Cloudinary pour contourner l'expiration des URLs Notion.

Hiérarchie
Programme → Module → Activité
Sources
Notion + Neon Postgres
Monétisation
Stripe + certificats

03 · Fonctionnement

Sync · parse · render · cache.

  1. 01Contenus créés dans Notion (pages, programmes, formateurs) — édition simple, format familier
  2. 02Endpoint de synchronisation protégé récupère les données via l'API Notion + parse blocs / child pages / callouts
  3. 03Images Notion (URLs temporaires) miroitées vers Cloudinary pour stabilité long terme
  4. 04Arbres de contenu et index publics stockés en Upstash / Vercel KV — pas d'appel Notion runtime
  5. 05Front Next.js 15 rend les blocs Notion + applique le design system + construit les parcours LMS
  6. 06Neon Postgres conserve l'état applicatif : utilisateurs, inscriptions, progression, achats, certificats

Stack

Next.js 15 · React 19 · TypeScript · Tailwind CSS v4 · Notion API · Upstash / Vercel KV · Neon Postgres · Drizzle ORM · NextAuth v5 (magic links via Resend) · Stripe Checkout + webhooks · Cloudinary · QStash / cron · React Email + Resend · Vercel

Recit

Notion Publisher est une plateforme web qui transforme Notion en véritable back-office de formation. Les équipes pédagogiques créent leurs pages, programmes, modules et activités directement dans Notion ; l'application synchronise ensuite vers un front Next.js moderne enrichi de fonctionnalités LMS : inscription, progression, accès privé, paiement, certificats, espace apprenant et dashboard admin.

Pourquoi c'est intéressant

  • Architecture content-driven : Notion comme source, mais rendu entièrement maîtrisé côté application.
  • Vrai produit LMS : progression, dashboard apprenant, admin, certificats, paiement, accès privé.
  • Performance : cache KV + revalidation, pas d'appel Notion bloquant à chaque visite.
  • Robustesse médias : mirroring Cloudinary pour contourner l'expiration des URLs Notion.
  • Extensibilité pédagogique : widgets interactifs déclarés en YAML dans des blocs de code Notion.
  • Expérience auteur simple : les formateurs écrivent dans Notion, sans toucher au code.