OfficeDev · Harikrishnan-MSFT · Jan 7, 2026 · Jun 27, 2025 · Jul 1, 2025 · Jul 3, 2025
diff --git a/.github/workflows/build-complete-samples.yml b/.github/workflows/build-complete-samples.yml
@@ -744,6 +744,10 @@ jobs:
               name: 'msgext-search-quickstart'
               version: '14.x'
 
+            - project_path: 'samples/tab-channel-group/nodejs'
+              name: 'tab-channel-group'
+              version: '16.x'
+
             - project_path: 'samples/tab-channel-group-quickstart/js'
               name: 'tab-channel-group-quickstart'
               version: '14.x'

diff --git a/README.md b/README.md
@@ -60,7 +60,7 @@ The [Teams Toolkit](https://marketplace.visualstudio.com/items?itemName=TeamsDev
 |----|--------------------------------------------|---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|--------------|-----------------------------------------|----------------------------------------------|---------------------------------------------|--------------------------------------------------------------------|
 | 1  | Personal tabs                              | Sample app showing custom personal Tab with ASP.NET Core.                                                                                                                                                                       | Basic        | [MVC][personal-tab#cs#mvc], [Razor][personal-tab#cs#razor] | [Yeoman Generator](https://docs.microsoft.com/en-us/microsoftteams/platform/get-started/get-started-yeoman) |                                             | [View](/samples/tab-personal/mvc-csharp/demo-manifest/tab-personal.zip) |
 | 2  | Personal tab quick-start                   | Sample personal tab quick-start app.                                                                                                                                                                                            | Basic        |                                         | [View][personal-tab-quickstart#ts] ![toolkit-icon](assets/toolkit-icon.png) | [View][personal-tab-quickstart#js] ![toolkit-icon](assets/toolkit-icon.png) |                                                                    |
-| 3  | Channel and group tabs                     | Sample app showing custom group and channel Tab with ASP.NET Core.                                                                                                                                                              | Basic        | [MVC][group-channel-tab#cs#mvc], [Razor][group-channel-tab#cs#razor] | [Yeoman Generator](https://docs.microsoft.com/en-us/microsoftteams/platform/get-started/get-started-yeoman) |                                             | [View](/samples/tab-channel-group/mvc-csharp/demo-manifest/tab-channel-group.zip) |
+| 3  | Channel and group tabs                     | Sample app showing custom group and channel Tab with ASP.NET Core.                                                                                                                                                              | Basic        | [MVC][group-channel-tab#cs#mvc], [Razor][group-channel-tab#cs#razor] | [Yeoman Generator](https://docs.microsoft.com/en-us/microsoftteams/platform/get-started/get-started-yeoman) | [View][tab-channel-group#js] ![toolkit-icon](assets/toolkit-icon.png) | [View](/samples/tab-channel-group/mvc-csharp/demo-manifest/tab-channel-group.zip) |
 | 4  | Channel and group tab quick-start          | Sample channel and group tab hello world app.                                                                                                                                                                                   | Basic        |                                         | [View][group-tab-quickstart#ts] ![toolkit-icon](assets/toolkit-icon.png) | [View][group-tab-quickstart#js] ![toolkit-icon](assets/toolkit-icon.png) | [View](/samples/tab-channel-group-quickstart/js/demo-manifest/tab-channel-group-quickstart.zip) |
 | 5  | SPFx Tab                                   | Sample app showing Microsoft Teams tabs using SharePoint Framework.                                                                                                                                                             | Basic        |                                         | [View][group-channel-tab#ts#spfx]           |                                             |                                                                    |
 | 6  | Tab people picker                          | This is a tab app that shows the feature of the client SDK people picker.                                                                                                                                                         | Basic        | [View][tab-people-picker#csharp]        |                                             | [View][tab-people-picker#nodejs] ![toolkit-icon](assets/toolkit-icon.png) | [View](/samples/tab-people-picker/csharp/demo-manifest/Tab-People-Picker.zip) |
@@ -322,6 +322,7 @@ The [Teams Toolkit](https://marketplace.visualstudio.com/items?itemName=TeamsDev
 [group-channel-tab#cs#razor]:samples/tab-channel-group/razor-csharp
 [group-channel-tab#cs#mvc]:samples/tab-channel-group/mvc-csharp
 [group-channel-tab#ts#spfx]:samples/tab-channel-group/spfx
+[tab-channel-group#js]:samples/tab-channel-group/nodejs
 
 [connector#cs]:samples/connector-todo-notification/csharp
 [incoming-webhook#cs]:samples/incoming-webhook/csharp

diff --git a/samples/tab-channel-group/nodejs/.env b/samples/tab-channel-group/nodejs/.env
@@ -0,0 +1,3 @@
+HTTPS=true
+BROWSER=none
+
diff --git a/samples/tab-channel-group/nodejs/.gitignore b/samples/tab-channel-group/nodejs/.gitignore
@@ -0,0 +1,130 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# production
+/build
+
+# misc
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# do not include the node modules in Git
+node_modules
+
+# do not include the package in Git
+package
+
+# do not include the local environment files
+.env
+
+# do not include the Connectors Json Db file
+connectors.json
+
+# do not include dist files
+dist
+
+# do not include temp folder
+temp
+
+# dependencies
+node_modules
+.pnp
+.pnp.js
+
+# testing
+coverage
+
+# production
+build
+
+# misc
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# production
+/build
+
+# misc
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# production
+/build
+
+# misc
+.eslintcache
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+#############
+
+# TeamsFx files
+env/.env.*.user
+env/.env.local
+.localConfigs
+appManifest/build
+/build
+
+# dependencies
+node_modules/
+
+# misc
+.env
+.deployment
+.DS_Store
+
+# build
+lib/
diff --git a/samples/tab-channel-group/nodejs/.localConfigs b/samples/tab-channel-group/nodejs/.localConfigs
@@ -0,0 +1,5 @@
+BROWSER=none
+HTTPS=true
+PORT=53000
+SSL_CRT_FILE=
+SSL_KEY_FILE=
diff --git a/samples/tab-channel-group/nodejs/.vscode/extensions.json b/samples/tab-channel-group/nodejs/.vscode/extensions.json
@@ -0,0 +1,5 @@
+{
+	"recommendations": [
+		"TeamsDevApp.ms-teams-vscode-extension"
+	]
+}
diff --git a/samples/tab-channel-group/nodejs/.vscode/launch.json b/samples/tab-channel-group/nodejs/.vscode/launch.json
@@ -0,0 +1,181 @@
+{
+    "version": "0.2.0",
+    "configurations": [
+        {
+            "name": "Attach to Frontend in Teams (Edge)",
+            "type": "msedge",
+            "request": "launch",
+            "url": "https://teams.microsoft.com/l/app/${{local:TEAMS_APP_ID}}?installAppPackage=true&webjoin=true&${account-hint}",
+            "cascadeTerminateToConfigurations": [
+                "Attach to Local Service"
+            ],
+            "presentation": {
+                "group": "all",
+                "hidden": true
+            },
+            "internalConsoleOptions": "neverOpen"
+        },
+        {
+            "name": "Attach to Frontend in Teams (Chrome)",
+            "type": "chrome",
+            "request": "launch",
+            "url": "https://teams.microsoft.com/l/app/${{local:TEAMS_APP_ID}}?installAppPackage=true&webjoin=true&${account-hint}",
+            "cascadeTerminateToConfigurations": [
+                "Attach to Local Service"
+            ],
+            "presentation": {
+                "group": "all",
+                "hidden": true
+            },
+            "internalConsoleOptions": "neverOpen"
+        },
+        {
+            "name": "Attach to Frontend in Outlook (Edge)",
+            "type": "msedge",
+            "request": "launch",
+            "url": "https://outlook.office.com/host/${{local:M365_APP_ID}}?${account-hint}",
+            "cascadeTerminateToConfigurations": [
+                "Attach to Local Service"
+            ],
+            "presentation": {
+                "group": "all",
+                "hidden": true
+            },
+            "internalConsoleOptions": "neverOpen"
+        },
+        {
+            "name": "Attach to Frontend in Outlook (Chrome)",
+            "type": "chrome",
+            "request": "launch",
+            "url": "https://outlook.office.com/host/${{local:M365_APP_ID}}?${account-hint}",
+            "cascadeTerminateToConfigurations": [
+                "Attach to Local Service"
+            ],
+            "presentation": {
+                "group": "all",
+                "hidden": true
+            },
+            "internalConsoleOptions": "neverOpen"
+        },
+        {
+            "name": "Attach to Frontend in the Microsoft 365 app (Edge)",
+            "type": "msedge",
+            "request": "launch",
+            "url": "https://www.office.com/m365apps/${{local:M365_APP_ID}}?auth=2&${account-hint}",
+            "cascadeTerminateToConfigurations": [
+                "Attach to Local Service"
+            ],
+            "presentation": {
+                "group": "all",
+                "hidden": true
+            },
+            "internalConsoleOptions": "neverOpen"
+        },
+        {
+            "name": "Attach to Frontend in the Microsoft 365 app (Chrome)",
+            "type": "chrome",
+            "request": "launch",
+            "url": "https://www.office.com/m365apps/${{local:M365_APP_ID}}?auth=2&${account-hint}",
+            "cascadeTerminateToConfigurations": [
+                "Attach to Local Service"
+            ],
+            "presentation": {
+                "group": "all",
+                "hidden": true
+            },
+            "internalConsoleOptions": "neverOpen"
+        },
+        {
+            "name": "Attach to Local Service",
+            "type": "node",
+            "request": "attach",
+            "port": 9239,
+            "restart": true,
+            "presentation": {
+                "group": "all",
+                "hidden": true
+            },
+            "internalConsoleOptions": "neverOpen"
+        }
+    ],
+    "compounds": [
+        {
+            "name": "Debug in Teams (Edge)",
+            "configurations": [
+                "Attach to Frontend in Teams (Edge)",
+                "Attach to Local Service"
+            ],
+            "preLaunchTask": "Start Teams App Locally",
+            "presentation": {
+                "group": "group 1: Teams",
+                "order": 1
+            },
+            "stopAll": true
+        },
+        {
+            "name": "Debug in Teams (Chrome)",
+            "configurations": [
+                "Attach to Frontend in Teams (Chrome)",
+                "Attach to Local Service"
+            ],
+            "preLaunchTask": "Start Teams App Locally",
+            "presentation": {
+                "group": "group 1: Teams",
+                "order": 2
+            },
+            "stopAll": true
+        },
+        {
+            "name": "Debug in Outlook (Edge)",
+            "configurations": [
+                "Attach to Frontend in Outlook (Edge)",
+                "Attach to Local Service"
+            ],
+            "preLaunchTask": "Start Teams App Locally",
+            "presentation": {
+                "group": "group 2: Outlook",
+                "order": 1
+            },
+            "stopAll": true
+        },
+        {
+            "name": "Debug in Outlook (Chrome)",
+            "configurations": [
+                "Attach to Frontend in Outlook (Chrome)",
+                "Attach to Local Service"
+            ],
+            "preLaunchTask": "Start Teams App Locally",
+            "presentation": {
+                "group": "group 2: Outlook",
+                "order": 2
+            },
+            "stopAll": true
+        },
+        {
+            "name": "Debug in the Microsoft 365 app (Edge)",
+            "configurations": [
+                "Attach to Frontend in the Microsoft 365 app (Edge)",
+                "Attach to Local Service"
+            ],
+            "preLaunchTask": "Start Teams App Locally",
+            "presentation": {
+                "group": "group 3: the Microsoft 365 app",
+                "order": 1
+            },
+            "stopAll": true
+        },
+        {
+            "name": "Debug in the Microsoft 365 app (Chrome)",
+            "configurations": [
+                "Attach to Frontend in the Microsoft 365 app (Chrome)",
+                "Attach to Local Service"
+            ],
+            "preLaunchTask": "Start Teams App Locally",
+            "presentation": {
+                "group": "group 3: the Microsoft 365 app",
+                "order": 2
+            },
+            "stopAll": true
+        }
+    ]
+}
diff --git a/samples/tab-channel-group/nodejs/.vscode/settings.json b/samples/tab-channel-group/nodejs/.vscode/settings.json
@@ -0,0 +1,11 @@
+{
+    "debug.onTaskErrors": "abort",
+    "json.schemas": [
+        {
+            "fileMatch": [
+                "/aad.*.json"
+            ],
+            "schema": {}
+        }
+    ]
+}