diff --git a/.devcontainer/README.md b/.devcontainer/README.md
index a7e792da..c93a9660 100644
--- a/.devcontainer/README.md
+++ b/.devcontainer/README.md
@@ -8,6 +8,10 @@ devcontainer (either
 or in your browser via
 [GitHub Codespaces](https://github.com/features/codespaces)).
 
+**Note**: If you want to chose a specific .devcontainer within GitHub codespaces
+select "New with options" and you will be able to select any of the pre-defined
+devcontainers in this repo.
+
 ### Run pre-commit
 
 ```bash
diff --git a/.devcontainer/frontend/devcontainer.json b/.devcontainer/frontend/devcontainer.json
new file mode 100644
index 00000000..4f3c61ce
--- /dev/null
+++ b/.devcontainer/frontend/devcontainer.json
@@ -0,0 +1,15 @@
+{
+  "name": "Open-Assistant",
+  "image": "mcr.microsoft.com/vscode/devcontainers/universal",
+  "features": {
+    "ghcr.io/devcontainers-contrib/features/pre-commit:2": {
+      "version": "latest"
+    }
+  },
+  "postCreateCommand": "bash .devcontainer/frontend/post_create_command.sh",
+  "customizations": {
+    "vscode": {
+      "extensions": ["GitHub.copilot"]
+    }
+  }
+}
diff --git a/.devcontainer/frontend/post_create_command.sh b/.devcontainer/frontend/post_create_command.sh
new file mode 100644
index 00000000..2e5af4e3
--- /dev/null
+++ b/.devcontainer/frontend/post_create_command.sh
@@ -0,0 +1,7 @@
+# ensure pre-commit is installed
+pre-commit install
+
+# npm install in /website
+cd website
+npm install
+cd ..