Portfolio Next.js
Site personnel portfolio construit avec Next.js 16, Tailwind CSS v4, MDX et shadcn/ui.
Next.jsTypeScriptTailwindMDX
1 février 2025
Pourquoi ce projet
Créer un portfolio personnel moderne avec un blog technique intégré, utilisant les dernières technologies web.
Stack technique
- 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
Fonctionnalités
- 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
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