drupal/display_builder_dsfr

Provide a Display Builder Demo website with DSFR.

1.0.x-dev 2026-05-28 19:19 UTC

Requires

• drupal/ui_suite_dsfr: *
• drupal/ui_suite_dsfr_components: *
• drupal/ui_suite_dsfr_utilities: *

Requires (Dev)

• drupal/display_builder_dev_tools: *
• drupal/sdc_devel: ^1.0.2

GPL-2.0-or-later

• Jean Valverde

• recipe
• drupal recipes
• drupal recipe

README

This recipe extend Display builder Base recipe to provide a ready to use DSFR with Drupal experience.

Version Française

Introduction

Ui Suite DSFR est la solution Drupal pour implémenter le DSFR, le Design System de l'État français 🇫🇷. Ce thème implémente les composants, styles et icônes du DSFR. Notre solution est recommandée par le Service d'Information du Gouvernement (SIG) et assure la conformité de l'interface utilisateur avec les standards de la marque de l'État. Ui Suite DSFR est utilisée dans de nombreuses administrations et est populaire auprès des agences Drupal.

Documentation Drupal sur les 'recipes' (en) :

• https://www.drupal.org/docs/extending-drupal/drupal-recipes
• https://project.pages.drupalcode.org/distributions_recipes/getting_started.html

Installation

• Démarrer avec un site Druapl 11.3+

composer create-project drupal/recommended-project drupal_dsfr
cd drupal_dsfr

DSFR avec Drupal

Installation librairie DSFR, voir Documentation.

Résumé d'installation :

composer config repo.asset-packagist composer https://asset-packagist.org
composer config --merge --json extra.installer-types '["npm-asset"]'
composer config --merge --json extra.installer-paths '{"web/libraries/{$name}":["type:drupal-library"]}'
composer config --merge --json extra.installer-paths '{"web/libraries/dsfr":["npm-asset/gouvfr--dsfr"]}'
composer require oomphinc/composer-installers-extender:^2
composer require npm-asset/gouvfr--dsfr:^1.14

Temporaire, certains modules sont en version dev, il faut autoriser composer :

composer config minimum-stability dev

Drupal recipe

Voir documentation d'installation.

Résumé d'installation pour la préparation des recettes :

composer config allow-plugins.drupal/core-recipe-unpack true
composer require drupal/core-recipe-unpack
composer config --merge --json extra.installer-paths '{"recipes/{$name}":["type:drupal-recipe"]}'
echo '/recipes' >> .gitignore

Installer les recipe :

composer config repo.display_builder_base vcs https://github.com/mogtofu33/display-builder-base.git
composer config repo.display_builder_dsfr vcs https://github.com/mogtofu33/display-builder-dsfr.git
composer require drupal/display_builder_base:1.0.x-dev drupal/display_builder_dsfr:1.0.x-dev

Installation Drupal

• Installer le profile 'Minimal'

Par exemple avec DDEV :

ddev config
ddev start
ddev drush si -y minimal

• Appliquer cette 'recipe'

Commande à exécuter :

php core/scripts/drupal recipe recipes/display_builder_dsfr

Ou avec DDEV ddev exec

ddev exec -d /var/www/html/web php core/scripts/drupal recipe /var/www/html/recipes/display_builder_dsfr

Si tout se passe bien un message s'affiche :

[OK] Display Builder with DSFR applied successfully

Importer les traductions avec Drush :

drush local:update

Ou avec DDEV ddev exec

ddev drush local:update

Important : Effacer le cache Drupal après l'application de la recette.

ddev drush cache:rebuild