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