Europe/Paris
ProjetsFévrier 2026
Documentation
Vitrine
Web
Métier

Portfolio professionnel

Portfolio professionnel
Le site doit réunir une vitrine publique haut de gamme, une administration opérationnelle et une documentation source unique pour piloter tous les projets, articles et obligations légales.
Ce portfolio a donné lieu à un template open-source décliné en deux variantes (lien Github ci-dessus) -> contenu MDX ou base de données PostgreSQL/Prisma. A été pensé comme une fondation production-ready : vitrine, administration sécurisée et publication automatisée. Consulter la documentation fournie
  • Comment offrir une expérience visuelle Next.js/Once UI tout en s'appuyant sur une seule base de données (MDX + PostgreSQL/Prisma) ?
  • Comment automatiser publication/revalidation tout en gardant l'admin sécurisé (JWT, RouteGuard, refresh token) ?
  • Comment centraliser la documentation technique sans multiplier les doublons ?
  • Next.js 16 App Router + React Server Components pour la couche publique et la page mentions légales.
  • Once UI comme design system (Line, RevealFx, Badge, etc.) et composants MDX personnalisés (mdx.tsx).
  • PostgreSQL 16 + Prisma 7 pour les projets/articles/tags/médias/disponibilités avec validation Zod (metadata + content).
  • APIs admin (/api/admin/projects, /api/admin/posts, /api/admin/publish, /api/availability) + Docker Compose + scripts de seed.
  • Hero, sections "Dernier projet", "Derniers articles", "Autres projets" et page Mentions légales réactives.
  • Dashboard admin avec stats, QuickAction, formulaires projet/article, gestion disponibilité, uploads images et validation.
  • Publication automatisée (commits + revalidation des routes) et documentation Hub & Spoke (docs/index, project-overview, architecture, development-guide).
  • Frontend : Next.js 16, React 19, TypeScript 5.8, Once UI 1.5.6, next-mdx-remote.
  • Backend & données : Node.js, Prisma/PostgreSQL, JWT, Zod, API REST.
  • Ops : Docker Compose, Biome, ESLint, lint-staged, pipelines npm run dev / npm run build, revalidation Next.js.
  • Synchroniser SSR/SSG/CSR avec PostgreSQL et MDX sans multiplier les requêtes.
  • Structurer la documentation en Hub & Spoke pour éviter toute duplication.
  • Assurer la sécurité admin (RouteGuard, JWT, refresh token) tout en gardant la publication fluide.
  • Valider les payloads metadata + content issus du formulaire admin.
Statut actuel : production-ready, dashboard admin déployé, documentation alignée, pipeline push + revalidation opérationnel. Bénéfices attendus : crédibilité accrue, gouvernance documentaire fiable, publication instantanée des projets/articles et base extensible pour nouveaux cas d'usage.

Related projects

Trois Points
Web
Métier

Trois Points

Max
Solution métier sur mesure pour la gestion complète de la vie interne d'une loge maçonnique : orchestration rituelle, gestion administrative et transmission des savoirs.
Envolet' Toit
Web
Vitrine

Envolet' Toit

Matte
Max
Site vitrine avec formulaire de contact optimisé + capture de leads pour un artisan spécialisé en accessoires Velux couvrant la Bretagne et la Normandie.
C'Com
Web
Vitrine

C'Com

Matte
Max
Site vitrine moderne et performant pour une agence de communication spécialisée en écrans publicitaires, conçu avec Astro pour des performances optimales.
Juriscope
Métier
SaaS

Juriscope

Henri
Max
Plateforme collaborative de gestion documentaire juridique pensée pour durer. De la modélisation des données à la mise en production : une solution sur mesure pour centraliser, organiser et sécuriser la connaissance juridique d'équipes collaboratives.
Ancien Portfolio
Vitrine
Web

Ancien Portfolio

Max
Portfolio personnel moderne : une vitrine web construite à partir d’un starter Astro et adaptée à mes besoins pro du moment. Il n'est plus en ligne évidemment, remplacé par le présent site web.
Khimaira
Vitrine

Khimaira

Max
Premier de mes sites vitrine mis en production pour des amis restaurateurs Rennais, refondu depuis.