Pourquoi refaire ?
L'ancien site était une page statique unique. Il disait ce que je faisais, mais ne montrait pas comment je travaille. Cette refonte est l'inverse : trilingue, CMS basé sur des fichiers, déploiement à chaque push, et une CSP stricte avec un nonce par requête. Le code lui-même est l'étude de cas.
Ce qui tourne en dessous
- Next.js 16 avec App Router, RSC et sortie
standalone. - next-intl route chaque URL sous
/tr,/enou/fr. Le middleware détecteAccept-Languagepour les nouveaux visiteurs. - GSAP orchestre la chorégraphie du hero, les révélations au scroll et la séquence de boot.
- MDX + gray-matter pour les articles et les études de cas. Pas de base de données — chaque sauvegarde commite dans git, et Coolify déploie automatiquement.
- Sentry capture les erreurs navigateur et serveur, avec le bruit des extensions filtré.
- Playwright exécute chaque flux critique à chaque push. La porte de déploiement refuse de livrer si un seul test e2e échoue.
Le jeu des « deux côtés »
Les nouveaux visiteurs voient un splash qui leur demande de choisir un côté. Le côté obscur bascule la palette vers un cramoisi de terminal ; le côté lumineux passe au parchemin + bleu Jedi. Le choix est stocké dans localStorage, un script FOUC inline pose data-theme sur <html> avant la peinture, et la couleur de la barre d'URL suit le choix via une balise non médiatisée.