Retour aux projets

SkillForge - Plateforme d'apprentissage SaaS

2025
Projet Commercial

SkillForge est une plateforme LMS (Learning Management System) nouvelle génération permettant aux créateurs de vendre leurs cours en ligne avec un système de commission automatisé. La plateforme prend 4% de commission tandis que le créateur conserve 96% des revenus, créant un écosystème équitable pour tous.

La plateforme intègre un IDE interactif basé sur Monaco Editor, permettant aux apprenants de pratiquer directement dans le navigateur. Le système de paiement via Stripe Connect automatise entièrement la distribution des revenus entre la plateforme et les créateurs.

Le projet se distingue par ses analytics avancées pour les créateurs, la génération automatique de certificats PDF, un système de reviews, et une architecture monorepo Turborepo pour une scalabilité optimale. Plus de 15 tests E2E Playwright garantissent la qualité et la fiabilité du code en production.

SkillForge - Plateforme d'apprentissage SaaS

Démonstration vidéo

Technologies Utilisées

Next.js 14TypeScriptReact 18SupabasePostgreSQLStripe ConnectTailwind CSSMonaco EditorPlaywrightResendSentryUpstash RedisShadcn/UITurborepoVercelRow Level SecurityWebhooksFramer MotionZustand

Fonctionnalités Principales

Marketplace B2B2C avec commission automatique 4%/96%

IDE Monaco Editor intégré avec coloration syntaxique

Course player vidéo avec progression trackée

Dashboard analytics avancés pour créateurs

Génération automatique de certificats PDF

Système de reviews et ratings

Paiements via Stripe Connect avec webhooks

Row Level Security (RLS) pour isolation multi-tenant

Rate limiting avec Upstash Redis

15+ tests E2E Playwright automatisés

Monitoring Sentry pour erreurs production

Architecture monorepo Turborepo

Server & Client Components Next.js 14

Dark mode avec Tailwind CSS

Design responsive mobile-first

Emails transactionnels via Resend

Validation Zod et sanitization XSS

Gestion CRUD complète pour créateurs

Système d'authentification Supabase

24 API endpoints REST

9 tables PostgreSQL avec RLS

Production-ready deployment sur Vercel

Défis Rencontrés

Solution Apportée

J'ai développé une architecture Next.js 14 moderne utilisant l'App Router et les Server Components pour des performances optimales. Supabase avec PostgreSQL gère les données avec Row Level Security (RLS) pour isoler chaque tenant. Le système de paiement Stripe Connect gère automatiquement les commissions via webhooks sécurisés. Monaco Editor est intégré côté client avec code splitting pour optimiser le bundle. Le rate limiting via Upstash Redis protège contre les abus. Les certificats PDF sont générés dynamiquement avec les données utilisateur. Playwright avec 15+ tests E2E garantit la qualité. Sentry monitore les erreurs en production. L'architecture Turborepo permet de partager du code entre packages (UI, config, types).

Intéressé par un projet similaire ?

Je serais ravi de discuter de votre projet et de voir comment je peux vous aider