Portfolio
Mon portfolio, de la maquette Figma au site statique : Angular, une animation WebGL sans librairie, un contenu éditable dans Strapi, développé avec Claude Code.
Contexte
Le site que vous lisez. Je voulais une vitrine pour mes projets et mon parcours, et un terrain pour appliquer une démarche produit de bout en bout : maquette sur Figma, intégration, qualité, puis mise en ligne.
Problème
Un site rapide, accessible et bien référencé, sans serveur à maintenir, dont le contenu se modifie sans toucher au code, et qui reste vivant sans sacrifier les performances.
Solution et architecture
Angular 22, en composants standalone et signals, entièrement prérendu en HTML statique : aucun serveur en production. Le contenu passe par une abstraction alimentée par des fichiers JSON versionnés, qu'un Strapi local édite et réécrit à chaque enregistrement. L'animation du hero est écrite en WebGL natif : calculée par la carte graphique, limitée à 30 images par seconde et mise en pause hors de l'écran. Les transitions de page et les apparitions au défilement reposent sur les API natives du navigateur. Le site est développé avec Claude Code, en gardant la main sur l'architecture, les conventions et la relecture.
Stack
Résultats
- Score Lighthouse de 100 sur desktop, mesuré en local.
- Aucun problème d'accessibilité relevé par axe, sur toutes les pages, en mobile comme en desktop. Navigation au clavier et préférence de mouvement réduit respectées.
- Plus de 150 tests unitaires, dont une vérification automatique de l'intégrité du contenu.
- Aucun cookie ni outil de suivi.