Projet personnel · Mathieu Bonnin

J’ai conçu et construit une plateforme qui transforme une conversation en site web livré.

Le client discute avec un atelier piloté par des agents IA ; à la fin, son site est conçu, développé et mis en ligne. Voici la plateforme en action — sur un exemple fictif.

Sous le capot — stack & architecture

Stack

  • Next.js 16 (App Router)
  • React 19
  • TypeScript
  • PostgreSQL 17 + Drizzle
  • Redis + BullMQ
  • Auth.js v5
  • Tailwind v4 + shadcn/ui
  • Docker + Nginx
  • Claude Code / Codex CLI

Architecture

Plateforme web (Next.js)

Atelier conversationnel, previews, dashboard — REST + WebSocket

Worker (hors Docker)

Consomme les jobs (BullMQ/Redis), pilote les agents, git & déploiement

Agents & données

Claude Code / Codex (CLI) · Postgres · Gitea · workdirs isolés par site

Ce qu’il a fallu résoudre

  • Orchestrateur déterministe de phases

    Une machine à états (brief → design → maquette → dév → SEO → sécurité) : on ne passe à l’étape suivante qu’après un livrable validé par le client.

  • AgentBridge — deux agents, une interface

    Claude Code et Codex pilotés via une abstraction commune : streaming NDJSON unifié, coût par projet, prompts « agent-neutres » pour rester interchangeables.

  • Previews multi-tenant isolées

    Un serveur de dév par projet (mapping slug → port), servi derrière Nginx avec HMR temps réel ; chaque site cloisonné dans son propre workdir.

  • Temps réel à l’échelle

    Les événements des agents transitent par Redis Pub/Sub, du worker vers l’UI (WebSocket), et sont persistés — scalable horizontalement.

  • Déploiement & secrets

    Base Postgres dédiée par site, secrets chiffrés injectés au build/déploiement et jamais journalisés ; mise en ligne par SSH ou conteneur.