Pourquoi refaire le portfolio
Démontrer les compétences sur toute la chaîne
L'objectif n'était pas seulement d'avoir un beau portfolio, mais de construire quelque chose qui démontre concrètement mes compétences en architecture Nuxt 4, SEO technique, sécurité applicative et infrastructure de déploiement complète.
Ce qui a été construit
Une vitrine de qualité production
Nuxt 4 avec SSR, structure app/, composants réutilisables TypeScript, i18n FR/EN avec fichiers de traduction par page, données structurées Schema.org sur toutes les pages, sitemap dynamique multilingue, headers de sécurité via middleware Nitro et déploiement automatisé GitHub Actions + Docker avec Bun.
Défis techniques
Les problèmes qui m'ont le plus appris
SEO multilingue
Implémentation des balises hreflang, sitemap dynamique avec alternatives FR/EN et données structurées Person/WebSite/BreadcrumbList.
Headers de sécurité stricts
Configuration CSP, HSTS, X-Frame-Options et autres protections OWASP via middleware Nitro sans casser les fonctionnalités.
i18n par fichier de page
Architecture i18n avec lazy-loading par page pour ne charger que les traductions nécessaires, sans alourdir le bundle global.
Technologies
Stack complète
Ce que j'ai appris
Apprentissages clés
- Nuxt 4 avec les nouveautés du framework et le rendu SSR
- Schema.org JSON-LD pour le SEO sémantique et les rich snippets
- i18n avancé avec nuxtjs/i18n v10, stratégie prefix et lazy-loading
- Architecture de composants réutilisables typés TypeScript