Portfolio Next.js

Problème

Pas de présence en ligne pour montrer mes projets et partager mes apprentissages de dev. Les templates portfolio existants sont trop génériques.

Solution

Créer un portfolio personnel moderne avec un blog technique intégré, en utilisant les dernières technologies web. Le site sert aussi de terrain d'expérimentation pour apprendre Next.js, TypeScript et le déploiement.

Architecture

• Next.js 16 avec App Router et SSG
• Tailwind CSS v4 pour le styling
• shadcn/ui pour les composants UI
• MDX pour le contenu (articles et projets)
• motion pour les animations

Résultats

• Dark mode par défaut avec toggle clair/sombre/système
• Rendu MDX avec syntax highlighting via shiki
• SSG complet pour des performances optimales
• SEO avec Open Graph, sitemap et flux RSS
• Design responsive mobile-first
• Identité visuelle Anthemion (logo, couleurs Bleu Paon + Orange Brûlé)

Déploiement

Le site est déployé sur Vercel avec des builds automatiques à chaque push sur main.

npm run build
# SSG complet — toutes les pages sont pré-rendues