Aller au contenu principal

Démarrage

Deux chemins de démarrage réels, tous deux publiés et fonctionnels. Pilotez votre app en Python (pip + bpm run), ou composez les mêmes composants en React/JSX.

Python — pip install + bpm run

Le paquet PyPI blueprint-modular fournit l'objet bpm et le CLI (bpm init / run / build). Pilotez une application de données complète depuis un simple script Python — sans toucher au HTML.

  1. Installer

    Le package Python embarque les composants React compilés. Aucun Node, aucun bundler, aucun fichier de configuration front à installer.

    pip install blueprint-modular
  2. Créer une application

    bpm init génère un projet minimal : un fichier app.py et la configuration nécessaire, rien de plus.

    bpm init --name mon-app
    cd mon-app
  3. Écrire le premier composant

    Chaque composant est une fonction de l'objet bpm. Lancez avec bpm run : la page se recharge à chaque sauvegarde.

    import bpm
    
    bpm.metric("CA mensuel", 142500, delta=3200)
    
    # bpm run app.py
    Aperçu en direct du composant ci-dessus :
    CA mensuel
    142 500
    +3 200 €

React / JSX — @blueprint-modular/core

Le paquet npm @blueprint-modular/core expose le même objet bpm et les composants en JSX. C'est la surface lue par le connecteur MCP. Installez, importez la feuille de style, composez.

npm i @blueprint-modular/core
import { bpm } from "@blueprint-modular/core";
import "@blueprint-modular/core/dist/style.css";

export default function Dashboard() {
  return bpm.metric({ label: "CA mensuel", value: "142 500 €", delta: 12 });
}

N'oubliez pas la feuille de style : import '@blueprint-modular/core/dist/style.css'.

Et ensuite ?

Retour à la documentation