PortfolioEn production2025

Portfolio (ce site)

Développeur Full-Stack

Portfolio personnel conçu et développé from scratch avec Next.js 15 et Tailwind CSS v4. Déploiement continu via Vercel, contenu markdown dynamique, formulaire de contact avec Resend et thème sombre/clair.

Le défi

Créer un portfolio qui soit simultanément une vitrine propre et une démonstration concrète des compétences — performance, accessibilité, sécurité — sans over-engineering.

Déroulé du projet

  1. Architecture

    Choix Next.js 15 App Router, design system Tailwind v4, structure des données et routing.

  2. Pages principales

    Homepage, /projects avec filtres, /blog avec rendu Markdown et sanitisation HTML.

  3. Fonctionnalités avancées

    Palette ⌘K, radar chart compétences (Recharts), OG images dynamiques, flux RSS.

  4. Performance & sécurité

    Code splitting, lazy loading (-35% JS), CSP strict, rate limiting, headers HTTP sécurisés.

  5. Tests & production

    17 tests Playwright E2E, déploiement continu via Vercel, PageSpeed 98/100.

Points clés

  • CI/CD automatique via GitHub + Vercel
  • Rendu markdown pour les articles de blog, avec table des matières et temps de lecture
  • Formulaire de contact avec confirmation email via Resend

Stack technique

Next.js 15TypeScriptTailwind CSS v4ResendFramer Motion

Résultat

First Load JS de 179 kB sur la homepage, 17 tests E2E Playwright, score PageSpeed 98/100, CSP strict et rate limiting sur le contact.

Code sourceVoir en ligne

Autres projets