diff --git a/foomo/docs/frontend/vscode.md b/foomo/docs/frontend/vscode.md
new file mode 100644
index 0000000..ac5c020
--- /dev/null
+++ b/foomo/docs/frontend/vscode.md
@@ -0,0 +1,10 @@
+# vscode
+
+So vscode https://code.visualstudio.com/ atm is for most of us the IDE of choice, when writing frontends with TypeScript and Next.js
+
+## Extensions
+
+NOTE: extensions can be harmful and expensive, so be cereful what you use and groom them from time to time.
+
+- this is a dependency, when using webgrapple [vscode-debug-launcher](https://marketplace.visualstudio.com/items?itemName=fabiospampinato.vscode-debug-launcher)
+- know the cost of imports [wix.vscode-import-cost](https://marketplace.visualstudio.com/items?itemName=wix.vscode-import-cost)