Web · Next.js · 2024-2025Solo

Portfolio Next.js

Ce site : export statique Next.js qui s'adapte au CV du visiteur (version web ou jeux) sans clignotement, contenu vérifié par des scripts en CI, déploiement atomique sur VPS.

Portfolio Next.js - Cover

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

  1. Génération statique (SSG) avec contenu adapté au profil visé (?focus=web|games)
  2. Filtres, tri et recherche avec URLs partageables
  3. Pipeline médiasAVIF/WebP, GIF convertis en vidéo webm/mp4 avec fallback Safari iOS.
  4. 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

Galerie