Why rebuild the portfolio
Demonstrate skills across the full chain
The goal was not just to have a nice portfolio, but to build something that concretely demonstrates my skills in Nuxt 4 architecture, technical SEO, application security and complete deployment infrastructure.
What was built
A production-quality showcase
Nuxt 4 with SSR, app/ structure, reusable TypeScript components, FR/EN i18n with per-page translation files, Schema.org structured data on all pages, multilingual dynamic sitemap, security headers via Nitro middleware and automated GitHub Actions + Docker deployment with Bun.
Technical challenges
The problems I learned most from
Multilingual SEO
Implemented hreflang tags, dynamic sitemap with FR/EN alternatives and structured data Person/WebSite/BreadcrumbList.
Strict security headers
CSP, HSTS, X-Frame-Options and other OWASP protections via Nitro middleware without breaking functionality.
Per-page i18n files
i18n architecture with per-page lazy-loading to only load needed translations, without bloating the global bundle.
Technologies
Full stack
What I learned
Key learnings
- Nuxt 4 with framework updates and SSR rendering
- Schema.org JSON-LD for semantic SEO and rich snippets
- Advanced i18n with nuxtjs/i18n v10, prefix strategy and lazy-loading
- Reusable TypeScript-typed component architecture