fix: better local dev experience

DEVELOP.md

@@ -1,11 +1,28 @@
-
 # neo4j arrows monorepo - managed with nx.dev
 
 ✨ **This workspace has been generated by [Nx, a Smart, fast and extensible build system.](https://nx.dev)** ✨
 
+## Installation
+
+To setup this workspace, run the following command at the root of the repo:
+
+```bash
+npm install
+```
+
+> The repo is due some dependency updates, if you have conflicts locally on install, please attach the `--force` flag to the command above.
+
+Then, you can build frontend and the local dependencies with:
+
+```bash
+npm run build
+```
+
+Now, you can follow the commands for the development server.
+
 ## Development server
 
-Run `nx serve arrows-app` for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.
+Run `npx nx serve arrows-app` for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.
 
 ## Understand this workspace
 

apps/arrows-app/vite.config.js

@@ -1,10 +1,11 @@
-import { defineConfig } from 'vite'
-import react from '@vitejs/plugin-react'
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+import commonjs from 'vite-plugin-commonjs';
 
 // https://vitejs.dev/config/
 export default defineConfig({
   build: {
-    outDir: '../../dist/apps/arrows-app'
+    outDir: '../../dist/apps/arrows-app',
   },
   server: {
     port: 4200,
@@ -16,5 +17,5 @@ export default defineConfig({
     setupFiles: 'src/setupTests.js',
     css: true,
   },
-  plugins: [react()],
+  plugins: [react(), commonjs()],
 });