Next 16, Tailwind 4 et React Three Fiber : ce qui change vraiment

J'ai refait ce portfolio avec Next 16.4, React 19.3, Tailwind 4.3 et Three 0.186. Voici ce qui m'a fait perdre du temps, pour que vous n'ayez pas à le refaire.

middleware devient proxy

Le fichier middleware.ts s'appelle désormais proxy.ts. La documentation de next-intl indique la même chose pour son routage des langues.

next lint n'existe plus

Le lint passe par ESLint directement, avec eslint-config-next. Autre piège : typescript-eslint ne gère pas encore TypeScript 7, j'ai donc épinglé TypeScript 6 pour que le lint tourne.

Tailwind 4 : la config passe dans le CSS

Plus de tailwind.config.js : les couleurs et les polices se déclarent dans un bloc @theme. Une variable de police ne peut pas se référencer elle-même, il faut donc nommer autrement celle de next/font.

Le composant Html de drei et ses erreurs

Mes étiquettes 3D utilisaient Html de drei. Chaque étiquette crée sa propre racine React, ce qui produisait 16 erreurs de démontage dans la console. Je les ai remplacées par des éléments DOM placés en projetant les points 3D vers l'écran.