diff --git a/microsite/docusaurus.config.ts b/microsite/docusaurus.config.ts
index d9ec93bb53..39d0e351a2 100644
--- a/microsite/docusaurus.config.ts
+++ b/microsite/docusaurus.config.ts
@@ -98,7 +98,7 @@ const config: Config = {
             return `https://github.com/backstage/backstage/edit/master/docs/${docPath}`;
           },
           path: '../docs',
-          sidebarPath: 'sidebars.js',
+          sidebarPath: 'sidebars.ts',
           ...(useVersionedDocs
             ? {
                 includeCurrentVersion: true,
@@ -298,6 +298,50 @@ const config: Config = {
   ],
   themes: ['docusaurus-theme-openapi-docs'],
   themeConfig: {
+    languageTabs: [
+      {
+        highlight: "javascript",
+        language: "nodejs",
+        logoClass: "nodejs",
+      },
+      {
+        highlight: "javascript",
+        language: "javascript",
+        logoClass: "javascript",
+      },
+      {
+        highlight: "bash",
+        language: "curl",
+        logoClass: "curl",
+      },
+      {
+        highlight: "powershell",
+        language: "powershell",
+        logoClass: "powershell",
+      },
+      {
+        highlight: "python",
+        language: "python",
+        logoClass: "python",
+      },
+      {
+        highlight: "java",
+        language: "java",
+        logoClass: "java",
+        variant: "unirest",
+      },
+      {
+        highlight: "go",
+        language: "go",
+        logoClass: "go",
+      },
+      {
+        highlight: "rust",
+        language: "rust",
+        logoClass: "rust",
+      },
+    ],
+    
     colorMode: {
       defaultMode: 'dark',
       disableSwitch: true,
diff --git a/microsite/sidebars.js b/microsite/sidebars.ts
similarity index 99%
rename from microsite/sidebars.js
rename to microsite/sidebars.ts
index 8fd09e2e90..0fe4447ca9 100644
--- a/microsite/sidebars.js
+++ b/microsite/sidebars.ts
@@ -1,4 +1,4 @@
-const { releases } = require('./releases');
+import { releases } from './releases';
 
 function tryToLoadCustomSidebar(ref) {
   try {
@@ -15,7 +15,7 @@ const searchSidebar = tryToLoadCustomSidebar(
   '../docs/features/search/api/sidebar.ts',
 );
 
-module.exports = {
+export default {
   docs: {
     Overview: [
       'overview/what-is-backstage',