01Profil02CV03Projets04Actus05Agenda06Avis07Contact
Tous les projets
Site / Web · En ligne

Portfolio

Rôle Conception, direction & orchestration IA
Contexte
Problème

Présenter un profil de direction hybride, entre technique, management et business, demande plus qu'une liste de compétences. Il faut un site qui tienne ce discours, un contenu qui reste modifiable sans toucher au code, et un système qui serve lui-même de preuve de ce que j'avance.

Objectif

Un site public rapide et référencé, un back office qui rend tout le contenu éditable, et un assistant conversationnel branché sur ce contenu et sur mon agenda.

Rôle

Conception, direction et orchestration IA : architecture, règles de développement et arbitrages. Les modèles écrivent le code.

Fonctionnalités
Site public rendu côté serveur

Rendu serveur pour le référencement, en français et en anglais.

Tout est éditable au back office

Profil, projets, articles, CV, parcours, analyses, réglages : aucun contenu éditorial n'est codé en dur.

Assistant conversationnel

Branché sur le contenu du site et sur l'agenda, il répond aux visiteurs et propose des créneaux.

CV éditable et export PDF

Le CV se rédige au back office et s'imprime en PDF A4 par un service dédié.

Pipeline média durci

Chaque image est validée, ré-encodée en WebP, débarrassée de ses métadonnées et renommée.

Audience sans cookies

Mesure d'audience respectueuse de la vie privée, sans bandeau de consentement.

Architecture
ProxyCaddy, seul service exposé, HTTPS automatique et en-têtes de sécurité
Site publicNext.js, rendu serveur, internationalisé
Back officeNext.js, jamais exposé publiquement
DonnéesPostgreSQL via Prisma, rôles séparés par usage
StockageMinIO : lecture publique des images, écriture interne uniquement
Services internesTraitement d'images et rendu PDF du CV
  • Un seul point d'entrée public : le back office n'a pas de nom de domaine public et n'est joignable que par tunnel SSH.
  • Le site public lit la base avec un rôle en lecture seule : une compromission ne permet pas d'écrire.
  • Aucun contenu éditorial dans le code, pour que le site vive sans livraison technique.
Orchestration IA
  1. Cadrage & règles

    Architecture, normes de code et garde-fous posés à la main, une fois pour toutes

  2. Analyse & planClaude Code · Opus

    Plan écrit et validé avant la moindre ligne de code

  3. ExécutionClaude Code · Sonnet · Fable

    Branche dédiée, commits atomiques, tests verts à chaque étape

  4. Documentation, revue & validationClaude Code · Haiku

    Docs remises à jour et parcours réel rejoué en navigateur

  5. Décision

    Arbitrages et mise en production côté humain

Sécurité
  • Double authentification obligatoire · Sur tous les comptes du back office.
  • Mots de passe hachés · Jamais en clair, jamais en empreinte obsolète.
  • Limitation et verrouillage à la connexion · Messages d'erreur génériques, sans énumération de comptes.
  • Protection CSRF et cookies de session durcis
  • Validation de toutes les entrées externes · Schémas stricts à chaque frontière serveur.
  • Base de données jamais exposée · Réseau interne sans accès Internet, aucun port publié.
  • Contenu riche rendu isolé · Le CV HTML est rendu dans un contexte cloisonné.
Stack technique
Next.js
TypeScript
Tailwind CSS
Prisma
PostgreSQL
Docker
Caddy
MinIO
Vitest
Playwright
Mesures

Lighthouse, mesuré le 21 juillet 2026

100
Performance (ordinateur)
95
Performance (mobile)
100
Accessibilité
100
Bonnes pratiques
100
SEO
Résultats
100 %
du développement par orchestration IA
0
contenu éditorial codé en dur
FR · EN
site traduit, traduction assistée à la sauvegarde
Équipe

Équipe

  • Yohan DebusscherConception, direction & orchestration IA
  • ClaudeModèle IA · développement
  • GeminiModèle IA · développement