Portfolio

Site portfolio conçu pour présenter mon profil, mes compétences et une sélection de projets, avec une expérience fluide et un socle SEO propre.

Bannière et logo du projet Portfolio
Bannière du projet Portfolio

-

Technologies utilisées

  • Next.js
  • React
  • TypeScript
  • Tailwind

Contexte

Besoin d’un support unique et à jour pour présenter mon parcours et mes réalisations, avec un rendu moderne, rapide et accessible, et une base technique facile à maintenir.

Objectif

Construire un site statique/SSG performant et élégant, qui mette en avant les projets et facilite la prise de contact, tout en restant simple à faire évoluer (contenu centralisé, composants réutilisables, qualité outillée).

Fonctionnalités clés

  • Pages projets : liste + détail par slug, générées statiquement.
  • SEO : métadonnées, JSON-LD, sitemap et robots dynamiques.
  • Animations & UX : transitions de page et micro-interactions.
  • Contact : formulaire de contact simple et efficace.
  • Pages légales : mentions légales et politique de confidentialité.
  • Qualité : ESLint, Prettier, Stylelint, Husky + lint-staged.

Écosystème & intégrations

  • Déploiement simple sur Vercel.
  • Variables d’environnement publiques pour URL du site et informations légales.
  • Assets optimisés via Next.js (images statiques, lazy-loading, blur placeholders).

Qualité & contraintes

  • Performance : pages pré-rendues, images optimisées, bundles maîtrisés.
  • Accessibilité : sémantique, navigation clavier et aria sur les composants clés.
  • Maintenabilité : composants UI isolés et conventions de code homogènes.