Aller au contenu principal

Pourquoi choisir un bundle DSFR pour Symfony ?

Intégrer le DSFR dans Symfony peut sembler simple au départ : copier le HTML officiel, ajouter les classes CSS, brancher les scripts et ajuster les templates. Cette approche fonctionne pour quelques pages, mais elle devient vite coûteuse quand le projet grandit.

Un bundle DSFR transforme cette intégration répétitive en composants Symfony UX Twig Component. Au lieu de réécrire le même HTML pour une alerte, un bouton, une modale ou un tableau, l'équipe utilise une API claire :

<twig:dsfr:alert type="success" title="Demande enregistrée" text="Votre dossier est à jour." />

Le gain est concret : moins de classes à maintenir, moins d'erreurs d'attributs ARIA, moins de divergences entre développeurs et une documentation commune pour toute l'équipe.

Ce que DSFR Bundle apporte​

  • des composants Twig dsfr:* ;
  • des layouts et une grille Community ;
  • des composants de formulaire Symfony ;
  • un profiler DSFR pour diagnostiquer les pages ;
  • des pages de documentation avec exemples, options, accessibilité et dépannage.

Pour un projet public, une ESN ou un freelance, ce socle permet de livrer plus vite tout en gardant une structure maintenable. Le DSFR reste le standard visuel, Symfony reste le cadre applicatif, et le bundle sert de couche d'industrialisation.

Pour aller plus loin​

Commencez par l'installation, puis consultez le catalogue des composants et la page gain de temps et budget.

FAQ​

Pourquoi ne pas simplement copier le HTML officiel du DSFR ?​

Copier le HTML peut suffire pour un prototype. Sur un projet maintenu, les props, sous-composants et conventions réduisent les divergences entre écrans et facilitent la recette.

Le bundle remplace-t-il la documentation officielle DSFR ?​

Non. Il fournit une API Symfony au-dessus du DSFR. Les règles d'usage, le périmètre officiel et les recommandations du Système de Design de l'État restent la référence.