Contexte
Mon site personnel sert plusieurs objectifs : présenter mes services, héberger un blog SEO, et démontrer concrètement le niveau de qualité que je livre à mes clients. C'est aussi l'endroit où je teste les dernières évolutions de Next.js avant de les recommander.
Défi
Un site portfolio est trompeur en apparence : il doit être visuellement marquant tout en restant irréprochable techniquement. Les enjeux :
- ✓ Garder une excellente performance malgré les animations
- ✓ Optimiser le SEO sur les requêtes « création site web Maroc »
- ✓ Servir une PWA installable, sans casser le mode dark/light
Solution
Architecture App Router avec Server Components par défaut, client isolé en petits composants pour la navigation, le thème, le curseur et les effets de scroll. JSON-LD enrichi (ProfessionalService, FAQPage, BreadcrumbList, Article) pour maximiser la visibilité sur Google. CSS découpé en couches (tokens, base, navigation, sections, utilitaires).
Résultats
Le site est statiquement généré côté articles, l'app reste légère, et la base de code est prête à évoluer (tests Playwright, Lighthouse CI, ajout d'articles). C'est aussi la vitrine de mes standards de qualité : ce que vous voyez ici est ce que je livre à mes clients.
Stack & choix techniques
Un projet similaire en tête ?
Discutons-en. Devis et maquette offerts.