microsite: bump and use the faster build (#32160)

* microsite: bump and use the faster build

Signed-off-by: Fredrik Adelöw <freben@gmail.com>

* fix: disable option causing issues + turn on other flags (#32532)

* feat: make the docsite build faster

Signed-off-by: aramissennyeydd <aramis.sennyey@doordash.com>

* revert unnecessary change

Signed-off-by: aramissennyeydd <aramis.sennyey@doordash.com>

---------

Signed-off-by: aramissennyeydd <aramis.sennyey@doordash.com>
Signed-off-by: Fredrik Adelöw <freben@gmail.com>

---------

Signed-off-by: Fredrik Adelöw <freben@gmail.com>
Signed-off-by: aramissennyeydd <aramis.sennyey@doordash.com>
Co-authored-by: Aramis Sennyey <159921952+aramissennyeydd@users.noreply.github.com>

microsite/docusaurus.config.ts

@@ -87,6 +87,23 @@ const config: Config = {
   },
   onBrokenLinks: 'log',
   onBrokenMarkdownLinks: 'log',
+  future: {
+    v4: {
+      removeLegacyPostBuildHeadAttribute: true,
+    },
+    experimental_faster: {
+      swcJsLoader: true,
+      swcJsMinimizer: true,
+      lightningCssMinimizer: true,
+      rspackBundler: true,
+      mdxCrossCompilerCache: true,
+      rspackPersistentCache: true,
+      // TODO: React has an issue with server rendering here.
+      // ssgWorkerThreads: true,
+      // TODO: This prints extra warnings in the console, add back when we have a fix.
+      // swcHtmlMinimizer: true,
+    },
+  },
   presets: [
     [
       '@docusaurus/preset-classic',
@@ -153,25 +170,20 @@ const config: Config = {
     },
     format: 'detect',
   },
-  webpack: {
-    jsLoader: isServer => ({
-      loader: require.resolve('swc-loader'),
-      options: {
-        jsc: {
-          parser: {
-            syntax: 'typescript',
-            tsx: true,
-          },
-          target: 'es2017',
-        },
-        module: {
-          type: isServer ? 'commonjs' : 'es6',
-        },
-      },
-    }),
-  },
   plugins: [
     'docusaurus-plugin-sass',
+    function disableExpensiveBundlerOptimizationPlugin() {
+      return {
+        name: 'disable-expensive-bundler-optimizations',
+        configureWebpack(_config) {
+          return {
+            optimization: {
+              concatenateModules: false,
+            },
+          };
+        },
+      };
+    },
     () => ({
       name: 'yaml-loader',
       configureWebpack() {

microsite/package.json

@@ -20,13 +20,16 @@
   },
   "prettier": "@backstage/cli/config/prettier",
   "resolutions": {
+    "@swc/core": "1.15.3",
+    "@swc/html": "1.15.3",
     "node-polyfill-webpack-plugin": "^3.0.0"
   },
   "dependencies": {
-    "@docusaurus/core": "^3.1.1",
-    "@docusaurus/plugin-client-redirects": "^3.1.1",
-    "@docusaurus/preset-classic": "^3.1.1",
-    "@docusaurus/types": "^3.1.1",
+    "@docusaurus/core": "^3.9.0",
+    "@docusaurus/faster": "^3.9.0",
+    "@docusaurus/plugin-client-redirects": "^3.9.0",
+    "@docusaurus/preset-classic": "^3.9.0",
+    "@docusaurus/types": "^3.9.0",
     "@mdx-js/react": "^3.0.0",
     "@swc/core": "^1.15.6",
     "clsx": "^2.0.0",