title: Javascript save/restore Widgets on several clients
body: <p>i plan to implement a webapp that allows users to <strong>add widgets</strong> that are predefined by me in something like a menu (e.g. two buttons and a card with some content) to something like a canvas. 
  I then want to <strong>save this layout</strong> so it can be later restored on the <strong>same device as well as on an other device</strong>. 
  There should also be a fast way of deciding on one device to add one widget to a layout that is shown on another device right now. This addition i made from one device should be <strong>visible on the other device instantely</strong>.</p>
  
  <p>I thought about how to do this but am unsure, I saw some stuff about saving it in databases or in json format like in this example with react <a href="https://www.storyblok.com/tp/react-dynamic-component-from-json" rel="nofollow noreferrer">https://www.storyblok.com/tp/react-dynamic-component-from-json</a>. 
  As I am a beginner, I with vue.js as well as json etc I am quite unsure on how to decide how to implement such a functionality. 
  For example with a database/json file I am unsure on how the other device will receive that something was added by another device.</p>
  
  <p>I am glad on any tips or suggestions.</p>