Partager cette discussion
Toute personne disposant du lien peut voir cette conversation.
Le projet est encore en phase de test, donc je préfère passer mon temps sur les fonctionnalités côté client plutôt que sur l'admin, où la valeur ajoutée est plus faible. J'aimerais utiliser Filament et Livewire pour ce back office, mais par défaut l'interface fait trop brute, trop pensée pour des développeurs — pas le genre d'outil qu'un entrepreneur prendrait en main facilement. Est-ce que je peux entièrement la personnaliser ?
Oui, et tu as deux approches possibles, de la plus sûre à la plus risquée :
- Les composants custom. Filament te permet de fournir tes propres fields, pages et vues Blade : tout ce qui fait trop « panneau d'admin », tu peux le remplacer par ta propre UI.
- Un thème pour le CSS. Filament intègre un système de thème dédié : un build Tailwind custom dans lequel tu surcharges ses classes et ses design tokens pour changer complètement le style de base.
Un point de vigilance : l'override CSS est fragile. Les classes de Filament sont profondément imbriquées et très couplées entre elles, donc les surcharger une par une tient rarement dans le temps, et une mise à jour du framework peut faire revenir les mêmes conflits encore et encore. Commence par les composants custom, et passe par le thème pour le style plutôt que de patcher des classes une à une.
Parfait. C'est exactement ce que j'ai fait. J'ai repris tout le design de Filament pour mon back office :
- Des overrides Tailwind sur son thème pour changer complètement le look.
- Des classes et des composants custom pour que ça ressemble à un produit, pas à un panneau d'admin.
Le Filament de base est méconnaissable. Voici une visite en vidéo du back office refondu :
Envoyer un email à Eliott
Écrivez votre message ici : il s'ouvrira dans votre messagerie.
Curriculum vitae d'Eliott Baylot
Document PDF téléchargeable.
CV d'Eliott
On fait connaissance ?
Juste pour qu'Eliott sache à qui il parle. Seul votre nom est obligatoire.
Claude est une IA et peut se tromper se trompe. Vérifiez ses réponses trois fois plutôt qu'une.