From 3638c8e1eba6d42462c01e040760d731ba0c8e45 Mon Sep 17 00:00:00 2001
From: Supan Adit Pratama <email@supanadit.com>
Date: Wed, 18 Mar 2026 09:20:12 +0700
Subject: [PATCH] feat: add Dev Container configuration for Node.js &
 TypeScript, including pnpm, Git, SSHD, and forwarded ports.

---
 .devcontainer/devcontainer.json | 44 +++++++++++++++++++++++++++++++++
 1 file changed, 44 insertions(+)
 create mode 100644 .devcontainer/devcontainer.json

diff --git a/.devcontainer/devcontainer.json b/.devcontainer/devcontainer.json
new file mode 100644
index 0000000..2fc5336
--- /dev/null
+++ b/.devcontainer/devcontainer.json
@@ -0,0 +1,44 @@
+// For format details, see https://aka.ms/devcontainer.json. For config options, see the
+// README at: https://github.com/devcontainers/templates/tree/main/src/typescript-node
+{
+	"name": "Node.js & TypeScript",
+	// Or use a Dockerfile or Docker Compose file. More info: https://containers.dev/guide/dockerfile
+	"image": "mcr.microsoft.com/devcontainers/typescript-node:24-bookworm"
+	// Features to add to the dev container. More info: https://containers.dev/features.
+	"features": {
+		"ghcr.io/devcontainers/features/git:1": {},
+		"ghcr.io/devcontainers-extra/features/pnpm:2": {},
+		"ghcr.io/devcontainers/features/sshd:1": {}
+	},
+	// Use 'forwardPorts' to make a list of ports inside the container available locally.
+	"forwardPorts": [
+		6006,
+		5173,
+		5174,
+		5175
+	],
+	"portsAttributes": {
+		"6006": {
+			"label": "Storybook",
+			"onAutoForward": "notify"
+		},
+		"5173": {
+			"label": "Vites Application 1",
+			"onAutoForward": "notify"
+		},
+		"5174": {
+			"label": "Vites Application 2",
+			"onAutoForward": "notify"
+		},
+		"5175": {
+			"label": "Vites Application 3",
+			"onAutoForward": "notify"
+		}
+	}
+	// Use 'postCreateCommand' to run commands after the container is created.
+	// "postCreateCommand": "yarn install",
+	// Configure tool-specific properties.
+	// "customizations": {},
+	// Uncomment to connect as root instead. More info: https://aka.ms/dev-containers-non-root.
+	// "remoteUser": "root"
+}
\ No newline at end of file