Portfolio 2026

Portfolio personnel conçu de A à Z — design system custom, animations Framer Motion, thème clair/dark sans FOUC, et rendu statique optimisé. Stack : Next.js 16, TypeScript, Tailwind CSS v4.

Next.js 16TypeScriptTailwind CSS v4Framer Motion

Voir le projet

À propos du projet

Ce portfolio est un projet technique à part entière. L'objectif était de concevoir une expérience visuelle cohérente avec une attention particulière aux détails : transitions fluides, typographie soignée, et performances maximales.

Le thème clair/dark est géré sans FOUC grâce à des variables CSS injectées dès le rendu serveur. Les animations utilisent Framer Motion avec des courbes d'accélération personnalisées pour donner une sensation de fluidité naturelle.

Le site est entièrement statique (SSG), déployé sur Vercel avec un score Lighthouse proche de 100.

Points clés

Design system basé sur des tokens CSS (couleurs, typographie, espacements)
Thème clair/dark sans flash au chargement (FOUC-free)
Animations scroll-triggered avec Framer Motion
Marquee infini CSS-only avec masque de fondu
Effet typewriter multi-phases (typing / pause / deleting)
Score Lighthouse 98+ en production