diff --git a/.devcontainer.json b/.devcontainer.json
index 23e7c2978..2206695cb 100644
--- a/.devcontainer.json
+++ b/.devcontainer.json
@@ -15,7 +15,19 @@
       ]
     }
   },
+  "forwardPorts": [
+    4173,
+    3456
+  ],
   "image": "ghcr.io/cachix/devenv/devcontainer:latest",
   "overrideCommand": false,
-  "updateContentCommand": "devenv test"
+  "portsAttributes": {
+    "3456": {
+      "label": "Vikunja API"
+    },
+    "4173": {
+      "label": "Vikunja Frontend dev server"
+    }
+  },
+  "updateContentCommand": "sudo setfacl -k /tmp && devenv test"
 }
diff --git a/devenv.nix b/devenv.nix
index 2c4f019f1..df35f5ce6 100644
--- a/devenv.nix
+++ b/devenv.nix
@@ -7,8 +7,6 @@ in {
   find node_modules/.pnpm/sass-embedded-linux-*/node_modules/sass-embedded-linux-*/dart-sass/src -name dart -print0 | xargs -I {} -0 patchelf --set-interpreter "$(<$NIX_CC/nix-support/dynamic-linker)" {}
   '';
 
-	devcontainer.enable = true;
-
   packages = with pkgs-unstable; [
     # General tools
     git-cliff 
@@ -43,4 +41,32 @@ in {
     enable = true;
     package = pkgs-unstable.mailpit;
   };
+	
+	devcontainer = {
+		enable = true;
+		settings = {
+			updateContentCommand = "sudo setfacl -k /tmp && devenv test";
+			forwardPorts = [ 4173 3456 ];
+			portsAttributes = {
+				"4173" = {
+					label = "Vikunja Frontend dev server";
+				};
+				"3456" = {
+					label = "Vikunja API";
+				};
+			};
+			customizations.vscode.extensions = [
+        "Syler.sass-indented"
+        "codezombiech.gitignore"
+        "dbaeumer.vscode-eslint"
+        "editorconfig.editorconfig"
+        "golang.Go"
+        "lokalise.i18n-ally"
+        "mikestead.dotenv"
+        "mkhl.direnv"
+        "vitest.explorer"
+        "vue.volar"
+			];
+		};
+	};
 }