Mission

Mission : le header qui re-render à chaque article ajouté au panier

Diagnostiquer un re-render global causé par un Context surchargé et migrer le panier vers un store adapté, sans transformer tout le layout en client.

Contexte

Le panier d'achat repose actuellement sur un CartContext React consommé par le header, la page produit et la page de paiement. Un profiler React montre que CHAQUE ajout d'article fait re-render l'intégralité du header, y compris le logo et les liens de navigation qui n'affichent pourtant jamais le contenu du panier. Par ailleurs, un développeur a ajouté "use client" directement dans app/layout.tsx pour pouvoir y utiliser ce contexte, ce qui a transformé tout le site en composants client.