Team Topologies web plugin for Miro

This plugin provide you ready-to-use shapes to build (Team Topologies).

Based on some of the ideas in the book Team Topologies by Matthew Skelton @matthewskelton and Manuel Pais @manupaisable. Trying to align with the templates available in this repo

See teamtopologies.com for more details about Team Topologies.

Copyright © 2018-2021 Team Topologies - Licenced under CC BY-SA 4.0

How it works

You can try the official plugin durectly from Miro Marketplace.

Setup the Team Topologies icon from your library

Start to drag & drop the shapes you need

Once the needed shapes are in your whiteboard, you can edit them as much as you want (since these are standard Miro shapes):

How to build

You will need Webpack-cli install globally with npm ENV VAR set.

• Run npm install
• Run npm run build or npm run watch to compile the plugin

development

• Run serve the app npx serve dist -p 8081
• Run ngrok using npx ngrok http 8081
• Get https url from ngrok and paste it in iframe url in your app settings. run/release
• upload html files and dist folder under a https server
• copy the index.html URL (https required) and paste it in iframe url in your app settings.