diff --git a/.devcontainer.json b/.devcontainer.json
new file mode 100644
index 00000000..ebfe444a
--- /dev/null
+++ b/.devcontainer.json
@@ -0,0 +1,15 @@
+{
+  "image": "mcr.microsoft.com/devcontainers/typescript-node:20",
+  "postCreateCommand": "yarn",
+  "customizations": {
+    "vscode": {
+      "extensions": [,
+        "esbenp.prettier-vscode",
+        "dbaeumer.vscode-eslint",
+        "redhat.vscode-yaml",
+        "stkb.rewrap",
+        "streetsidesoftware.code-spell-checker"
+      ]
+    }
+  }
+}
diff --git a/package.json b/package.json
index bac704cd..f562b5ad 100644
--- a/package.json
+++ b/package.json
@@ -4,6 +4,8 @@
   "description": "cml.dev – website source code",
   "main": "index.js",
   "scripts": {
+    "codespaces": "yarn dev -H 0.0.0.0",
+    "csps": "yarn dev -H 0.0.0.0",
     "develop": "gatsby develop",
     "dev": "gatsby develop",
     "doc": "LIMIT_BLOG_PAGES=1 gatsby develop",
@@ -39,7 +41,7 @@
   },
   "homepage": "https://github.com/iterative/cml.dev#readme",
   "engines": {
-    "node": "^18"
+    "node": "^20"
   },
   "dependencies": {
     "@dvcorg/gatsby-theme-iterative": "^0.3.2",