Écriture · 14 articles

Notes d'un ingénieur qui travaille.

Essais sur les systèmes, l'architecture, et les décisions lentes et ennuyeuses qui déterminent si une équipe livre en mars ou en juillet.

À la une

React14 juin 2026 · 9 min read

Code Splitting React : pourquoi dynamic import et Suspense comptent

Le code splitting ne sert pas qu'à réduire la taille du bundle. Il sert à rendre la page interactive plus vite. Voici comment dynamic import, React.lazy et Suspense améliorent l'expérience utilisateur, et les pièges qui la dégradent en silence.

Archive

Streamer des réponses IA avec SSE

Le SSE est la brique de base de toute interface IA dynamique. Comment le câbler correctement dans Next.js App Router, streamer un modèle de raisonnement, et étendre le pattern vers du structured output avec Zod.

Comment corriger le Cumulative Layout Shift (CLS) avec Next.js

Le CLS est la Core Web Vital où Lighthouse te ment régulièrement. Voici comment trouver les vraies causes d'instabilité visuelle et les corriger en Next.js : images, polices, contenu dynamique et animations.

Comment réduire le Total Blocking Time (TBT) avec Next.js

Le TBT représente 30% du score Lighthouse et c'est la métrique la plus difficile à diagnostiquer. Voici comment trouver les long tasks, auditer ton bundle et corriger les causes principales en Next.js.

Comment améliorer le Largest Contentful Paint (LCP) avec Next.js

Le LCP représente 25% du score Lighthouse. Contrairement au FCP, il n'existe pas de correction unique. Voici comment le diagnostiquer et l'améliorer méthodiquement avec Next.js.

Comment améliorer le First Contentful Paint (FCP) avec Next.js

Le FCP ne pèse que 10% du score Lighthouse, mais c'est la première chose que vos utilisateurs voient, ou ne voient pas. Voici ce qui le bloque et comment le corriger avec Next.js.

C'est quoi vraiment le score Lighthouse Performance ?

Tous les devs front-end ont déjà vu ce score. Peu comprennent vraiment ce qu'il y a derrière. Un breakdown clair des 5 métriques, comment le score est calculé, et par où commencer.

Knower : une seule couche mémoire pour tous vos outils IA

On a construit Knower pendant le Mistral Online Hackathon : un service de mémoire local et portable qui permet à n'importe quel agent IA de partager le même contexte, peu importe l'outil utilisé.

J'ai créé un SaaS Boilerplate pour les Builders

Comment et pourquoi j'ai construit un boilerplate SaaS open-source avec Next.js 15, tRPC, Drizzle, Better-Auth et PlateJS. Une base production-ready pour les builders qui veulent shipper vite.

Déployer un Docker Compose avec Dokploy : Guide PaaS Self-Hosted

Guide direct pour installer Dokploy sur un VPS et déployer une application Docker Compose prête pour la production.

Drizzle en Production : Bundler les Migrations avec Docker et Next.js

Comment bundler vos scripts de migration avec esbuild pour une image Docker robuste et autonome.

Refactoring Django : De GraphQL à une architecture REST en couches

Pourquoi nous avons abandonné Graphene pour un pattern Service-Repository avec Django Rest Framework.

Le component Activity de React : Priorisez ce qui compte

Comment utiliser le nouveau component Activity de React pour préserver le state.

Centraliser les logs avec la Stack PLG

Comment nous sommes passés de la visualisation via SSH à une stack PLG centralisée avec Grafana Alloy et Loki.