La Boîte à Code

Six ans après sa première version, le site de La Boîte à Code ne reflétait plus ni la méthode ni le niveau d'exigence que j'applique aux projets clients. La refonte a donc suivi exactement le même chemin qu'un projet client: cadrage, design, développement par incréments, mise en production en juin 2026.

La TALL stack, plus Filament

Laravel, Livewire, Tailwind CSS et Alpine.js forment ce qu'on appelle la TALL stack: quatre outils pensés pour fonctionner ensemble, où le serveur reste le centre de gravité. Livewire permet d'écrire des composants Laravel rendus côté serveur et mis à jour dans le navigateur sans écrire de JavaScript: l'état vit en PHP, le navigateur envoie ce qui change et reçoit le HTML à jour. L'estimateur en est la démonstration visible sur le site: chaque changement de type de projet, de nombre d'écrans ou d'option repart au serveur, qui recalcule la fourchette et renvoie l'affichage. Immédiat, sans rechargement et sans inscription.

Filament se pose par-dessus. C'est un framework de back-office pour Laravel: l'essentiel des besoins d'un panneau d'administration existe déjà, et les cas particuliers se composent proprement au-dessus. Concrètement, cela déplace le travail: on décrit les écrans en PHP plutôt que de les construire un par un. C'est ce qui permet d'annoncer un back-office complet sur un site qui doit administrer des études de cas détaillées et des articles.

Côté interface, Tailwind CSS fonctionne par classes utilitaires posées directement dans le gabarit: on compose des écrans précis et cohérents sans écrire de CSS traditionnel, avec la rapidité d'un framework mais sans renoncer à un dessin entièrement sur mesure. Alpine.js couvre les interactions déclarées directement dans le HTML, pour ce qui n'a pas besoin d'un aller-retour serveur. Le site propose par ailleurs un thème clair, sombre ou aligné sur le réglage du système.

Ce qui se vérifie dans la page

Le soin porté à la performance et au référencement se lit directement dans le code des pages. Les images sont servies en WebP, déclarées en plusieurs largeurs et chargées en différé. Les données structurées décrivent la structure elle-même et son activité, le site, les services proposés et la FAQ sous forme de questions et de réponses, jusqu'aux coordonnées et aux horaires. Le blog, lui, publie un flux RSS en plus de ses pages.

Comme la version de 2020 dont il prend la suite, ce chantier n'avait pas de client extérieur: le périmètre et les arbitrages étaient les miens. La différence, c'est qu'il devait cette fois tenir la comparaison avec ce que je livre aux autres.