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
Les Questions Posées
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 ?
La Solution Sur Mesure
Architecture Technique
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).
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.
Défis et Apprentissages
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.
Impact
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
Web
Métier
Trois Points
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.
Site vitrine avec formulaire de contact optimisé + capture de leads pour un artisan spécialisé en accessoires Velux couvrant la Bretagne et la Normandie.
Site vitrine moderne et performant pour une agence de communication spécialisée en écrans publicitaires, conçu avec Astro pour des performances optimales.
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.
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.
