Profil
Apparence
SombreClair

Portfolio Next.js

webNext.js

2024-2025

Portfolio pensé comme un produit : navigation rapide, filtres, pages projets scalables, SEO/perf.

Le problème

Un recruteur accorde quelques secondes à un portfolio. Ce site est conçu comme un produit : comprendre le profil et cliquer en moins de 10 secondes, sur n'importe quel appareil — et s'adapter à l'annonce visée.

Ce que j'ai fait

  • Génération statique (SSG) avec contenu adapté au profil visé (?focus=web|games)
  • Filtres, tri et recherche avec URLs partageables
  • Pipeline médias : AVIF/WebP, GIF convertis en vidéo webm/mp4 avec fallback Safari iOS
  • Déploiement atomique par symlink sur VPS via GitHub Actions (lint, typecheck, smoke test)

Décisions techniques

  • Animations 100% CSS (Framer Motion retiré) pour un bundle minimal
  • Mode dégradé automatique selon la puissance de l'appareil (désactivation des blurs et du WebGL)

Résultat

  • Site statique rapide et accessible, HTML complet pré-rendu, déployé en continu sur VPS