template-design-system-de-l-etat icon indicating copy to clipboard operation
template-design-system-de-l-etat copied to clipboard

Démo du Design System de l'État (ressource non officielle)

Un site de démo du Design System de l'Etat

Vous pouvez voir ce site en ligne là : https://template.incubateur.net

Ce site a pour but d'être un point de départ pour utiliser le Design System de l'Etat. N'hésitez pas à le copier!

Lancer en prod

npm start

Ce repo contient tout ce qu'il faut pour tourner sur Scalingo. Il suffit de déployer la branche main sur votre instance Scalingo.

Tester que le HTML d'un site est valide

npm run checkHTML --  <url du site à tester>

Si on veut checker pour une PR donnée, utiliser l'url de la review app de la PR (voir les checks dans la PR).

Lancer ce site localement

Vous devez avoir npm installé sur votre machine.

git clone https://github.com/betagouv/template-design-system-de-l-etat
cd template-design-system-de-l-etat
npm install
npm run dev

Mettre à jour le Design System

  • Modifier la version de @gouvfr/dsfr dans package.json
  • Lancer la commande
npm install
  • Modifier les templates selon la note de version

Voir la documentation locale du DSFR

cd node_modules/@gouvfr/dsfr && npx http-server -o