diff --git a/.env.dev b/.env.dev
index d5c1fa687a1b9a797d4128def342ff3a65fcdf31..9ce8dede0632efe84cdc776510136962a72a6bc5 100644
--- a/.env.dev
+++ b/.env.dev
@@ -12,6 +12,7 @@ FORWARDED_PROTO=http
 LDAP_ENABLED=False
 FUNKWHALE_SPA_HTML_ROOT=http://nginx/front/
 PYTHONTRACEMALLOC=0
+STATIC_URL=http://localhost:8000/staticfiles/
 
 # Uncomment this if you're using traefik/https
 # FORCE_HTTPS_URLS=True
diff --git a/changes/changelog.d/1726.bugfix b/changes/changelog.d/1726.bugfix
new file mode 100644
index 0000000000000000000000000000000000000000..21a96f7c5ba3753cda66b18fca8f52ab6fc1209d
--- /dev/null
+++ b/changes/changelog.d/1726.bugfix
@@ -0,0 +1 @@
+Fixes development environment set-up with docker (1726)
diff --git a/dev.yml b/dev.yml
index 92bbfa234631502dda5f156e1b4b933f19d84ed1..683d1a47ff7514912455d5258f39b7d080507932 100644
--- a/dev.yml
+++ b/dev.yml
@@ -17,6 +17,7 @@ services:
       - "./po:/po"
     networks:
       - internal
+    command: "yarn dev"
 
   postgres:
     env_file:
diff --git a/docker/nginx/conf.dev b/docker/nginx/conf.dev
index f3a7c8aec5cbcd5b5af7bc7b9b082475e73f8457..11c0b13071ce30523d3dddbc765fc3fd6ea17bcf 100644
--- a/docker/nginx/conf.dev
+++ b/docker/nginx/conf.dev
@@ -69,12 +69,12 @@ http {
             text/x-component
             text/x-cross-domain-policy;
 
-        add_header Content-Security-Policy "default-src 'self'; script-src 'self'; style-src 'self' 'unsafe-inline'; img-src 'self' data:; font-src 'self' data:; object-src 'none'; media-src 'self' data:";
+        add_header Content-Security-Policy "default-src 'self' 'unsafe-eval'; connect-src 'self' 'unsafe-eval';  style-src 'self' 'unsafe-inline'; img-src 'self' data:; font-src 'self' data:; object-src 'none'; media-src 'self' data:";
         add_header Referrer-Policy "strict-origin-when-cross-origin";
         add_header X-Frame-Options "SAMEORIGIN" always;
 
         location /front/ {
-            add_header Content-Security-Policy "default-src 'self'; script-src 'self'; style-src 'self' 'unsafe-inline'; img-src 'self' data:; font-src 'self' data:; object-src 'none'; media-src 'self' data:";
+            add_header Content-Security-Policy "default-src 'self' 'unsafe-eval'; connect-src 'self' 'unsafe-eval';   style-src 'self' 'unsafe-inline'; img-src 'self' data:; font-src 'self' data:; object-src 'none'; media-src 'self' data:";
             add_header Referrer-Policy "strict-origin-when-cross-origin";
             add_header Service-Worker-Allowed "/";
             # uncomment the following line and comment the proxy-pass one
diff --git a/front/package.json b/front/package.json
index 2a50aebd5a4e81496d7fad295e6a4cb58011385f..1f7f8708ff1f119d4f7bef8c1fac9029c3da5873 100644
--- a/front/package.json
+++ b/front/package.json
@@ -5,7 +5,7 @@
   "description": "Funkwhale front-end",
   "author": "Funkwhale Collective <contact@funkwhale.audio>",
   "scripts": {
-    "dev": "vite",
+    "dev": "vite --host --base=front",
     "build": "vite build",
     "build:deployment": "vite build --base /front/",
     "serve": "vite preview",
diff --git a/front/vite.config.js b/front/vite.config.js
index ee3ded92931518411026dbd0577c9bb30dcc05cd..0e23f8ba4f0850aaf13a2a886dfad63645e981c2 100644
--- a/front/vite.config.js
+++ b/front/vite.config.js
@@ -26,9 +26,16 @@ export default defineConfig({
       }
     }
   ],
+  server: {
+    port: process.env.VUE_PORT || '8080',
+    hmr: {
+      port: '8000',
+      protocol: 'ws',
+    }
+  },  
   resolve: {
     alias: {
       "@": path.resolve(__dirname, "./src"),
     },
-  },
+  },  
 })