Mes notes de terrain sur
Laravel, Vue & l'architecture front
Tutos, retours d'expérience et veille tech pour construire des produits web rapides, maintenables et design. Inspiré de l'ambiance de la home, avec un peu plus de détails pour les curieux.
Perf & accessibilité
Mesurer Lighthouse, optimiser les assets, écrire des interfaces inclusives.
Stack front
Vue, Inertia, Tailwind, animations légères et design système artisanaux.
Bonnes pratiques
Patterns Laravel, tests légers, structure de contenus et naming clair.
Tous les articles .
Veille tech, tips front et retours de missions.
Développement web
Name-only @container : enfin un namespace CSS natif (et ça change la donne)
Les container queries ne servent pas qu’au responsive. Avec le mode « name-only », tu peux t’en servir comme un namespace CSS natif pour calmer les collisions et les guerres de noms.
Développement web
Reverb dans Laravel vs serveur WebSocket dédié : le choix « simple » qui te pète à la figure en prod
Reverb te fait gagner du temps… jusqu’au jour où tes connexions longues vivent au même endroit que ton app. Voilà ce que ça change vraiment en prod, et comment trancher sans dogme.
Développement web
Le “back button hijacking” devient une règle Google : va chercher le script qui te piège
Google met noir sur blanc le “back button hijacking” comme pratique sanctionnable. Voilà comment l’identifier vite, isoler le script (souvent tiers), et corriger sans casser ton business.
Développement web
100dvh sur mobile, clavier ouvert… et ton CTA passe sous la trappe. Oui, c’est “normal”.
dvh/svh ont amélioré le viewport mobile, mais pas le moment où le clavier virtuel arrive. Résultat : CTA masqué, scroll piégé, modals inutilisables. Voilà comment le fixer proprement.
Développement web
Vercel Workflows : enfin un debug de run qui ne finit pas en collage de logs
Le vrai bug en prod, c’est souvent de retrouver les bons logs quand un workflow retry ou time out. Avec le filtre par Run ID et Step ID, tu peux enfin débugger un run proprement.
Performance web
Module Federation 2.0 est “stable”. Ça ne veut pas dire “safe” pour ton produit
MF 2.0 promet des micro-frontends plus portables (plus seulement webpack). La vraie question est : est-ce que ton produit peut encaisser la complexité qui va avec ?
Performance web
Cette CVE Next.js ne fuit pas tes données… elle peut juste éteindre ton app
Le pire incident, ce n’est pas une fuite de données. C’est ton app qui tombe en charge à cause d’une requête forgée. Cette CVE Next.js, c’est exactement ça.
Performance web
Lazy-load partout ? La fausse bonne idée qui flingue ton LCP
Le lazy-loading est utile, mais « partout » c’est souvent un anti-pattern. Voilà les erreurs qui reviennent en audit et comment arrêter de plomber LCP, CLS et INP.
Développement web
Vitest en 15 minutes ? Oui… sauf sur un vrai projet (ESM/CJS, alias, side effects)
Sur un repo neuf, Vitest est plug-and-play. Sur un projet existant, c’est souvent 9 heures d’ESM/CJS, d’alias et de side effects. Voilà comment je m’en sors.