Shaper React Embedding Demo

Embed a Shaper dashboard into an HTML page

See the Shaper documentation for more details.

---

See the index.html for how to include the Shaper embedding script and embed a dashboard.

The HTML page is served by a Node.js server which also provides an endpoint to generate a JWT token.

See server.js for how to call the Shaper API to generate a JWT token.

Make sure to only generate the JWT on the server and never expose your API key in the client code.

Getting Started

Run Shaper

Start Shaper:

npm run shaper

This automatically deploys Demo.dashboard.sql.

You can visit the Shaper UI at http://localhost:5454

Run the Node.js app

Start the server:

npm start

Then open http://localhost:3001 in your browser.