@storecraft/dashboard 1.0.4 → 1.0.6

package/README.md

@@ -1,12 +1,20 @@
 # **Storecraft** Official Dashboard
-The Official `storecraft` Dashboard, leveraging `static rendering` / `client side rendering` / `swr`,
-so it can be deployed into cost effective **CDN**.
 
-Effectively, two build targets:
-1. A website, with configurable backend endpoint
-2. A `library` with
+<div style="text-align:center">
+  <img src='https://storecraft.app/storecraft-color.svg' 
+       width='90%'' />
+</div><hr/><br/>
+
+The Official `storecraft` Dashboard 🏆,
+- Leveraging `static rendering` / `client side rendering` / `swr`
+- Can be deployed into cost effective **CDN**
+- Also available at `jsDelivr` **CDN**
+
+Effectively, **TWO** Build Targets
+1. A `library` with
   - Dashboard as `react` functional component
   - a `mount` function, that you can wrap for any framework of pure DOM.
+2. A website, with configurable backend endpoint.
 
 Build is handled by `Vite`
 
@@ -52,6 +60,45 @@ dist
 
 ```
 
+## Consuming via `React`
+
+First,
+
+```bash
+npm i @storecraft/dashboard
+```
+
+Then, 
+
+```jsx
+import { Dashboard } from '@storecraft/dashboard'
+
+export const Root = () => {
+
+  return (
+    <div className='w-screen h-screen'>
+      <Dashboard />
+    </div>
+  )
+} 
+
+```
+
+## Consuming via `jsDelivr`
+
+```html
+<script id='_storecraft_script_' type="module">
+  
+  import { mountStorecraftDashboard } from 'https://cdn.jsdelivr.net/npm/@storecraft/dashboard@latest/dist/lib/index.min.js';
+  
+  mountStorecraftDashboard(
+    document.getElementById('root'), false
+  );
+
+</script>
+
+```
+
 
 ```txt
 Author: Tomer Shalev