Pourquoi j’ai encore refait mon portfolio

Tu connais ce moment où ton portfolio est correct, mais ne te ressemble plus vraiment. La stack a vieilli, le design aussi, et l’ancien code te rappelle tout ce que tu as appris depuis.

Alors je l’ai repris de zéro. Cette fois, je voulais un site rapide, chaleureux et assez personnel pour donner une idée de ma façon de travailler.

La stack

Le site repose sur Next.js 16, React 19, Three.js, Tailwind CSS 3, TypeScript et Vercel. Pas de CMS ni de base de données. Les articles sont des fichiers MDX, ce qui garde la publication simple et le chargement léger.

Le blob 3D

Le visuel de la page d’accueil est animé avec Three.js sans React Three Fiber. La géométrie est déformée avec du bruit, puis la forme et l’opacité réagissent légèrement au défilement. Ça donne une impression vivante sans prendre toute la place.

La performance reste prioritaire : chargement différé, animation limitée à 30 images par seconde, géométrie plus légère sur mobile et nettoyage complet des ressources au démontage.

Quelques choix de design

Deux polices suffisent : Sora pour les titres et DM Sans pour le texte. La palette reste presque monochrome, avec beaucoup d’espace, des bordures discrètes et un vrai mode sombre.

Les animations utilisent simplement IntersectionObserver. Pas besoin d’une grosse librairie pour faire apparaître une section avec douceur.

Ce que je changerais

Je simplifierais probablement encore la partie Three.js, j’ajouterais des transitions entre les pages et je testerais un CMS sans perdre la sensation de travailler directement dans les fichiers.

Pour l’instant, le site est rapide, il me ressemble et il fait le travail. C’est déjà une bonne définition d’un portfolio.