Use docusaurus faster

.github/workflows/check.yml

@@ -49,7 +49,7 @@ jobs:
           node-version: "20"
 
       - name: Install dependencies
-        run: yarn install --frozen-lockfile
+        run: yarn install --immutable
 
       - name: Typecheck
         run: yarn typecheck

.github/workflows/deploy.yml

@@ -28,7 +28,7 @@ jobs:
       - name: Setup Pages
         uses: actions/configure-pages@v5
       - name: Install dependencies
-        run: yarn install --frozen-lockfile
+        run: yarn install --immutable
       - name: Build website
         run: yarn build
       - name: Upload artifact

.gitignore

@@ -18,3 +18,10 @@
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/sdks
+!.yarn/versions

.yarnrc.yml

@@ -0,0 +1,3 @@
+nodeLinker: node-modules
+
+yarnPath: .yarn/releases/yarn-4.7.0.cjs

docusaurus.config.js

@@ -8,6 +8,15 @@ const darkCodeTheme = require("prism-react-renderer").themes.dracula;
 
 /** @type {import('@docusaurus/types').Config} */
 const config = {
+  future: {
+    v4: {
+      removeLegacyPostBuildHeadAttribute: true, // required
+    },
+    experimental_faster: {
+      ssgWorkerThreads: true,
+    },
+  },
+
   title: "Flathub Documentation",
   tagline: "Your Linux desktop apps in one place",
   favicon: "img/favicon.svg",
@@ -74,14 +83,7 @@ const config = {
         hashed: true,
       },
     ],
-    [
-      require.resolve("@gabrielcsapo/docusaurus-plugin-matomo"),
-      {
-        matomoUrl: "https://webstats.gnome.org/",
-        siteId: "40",
-        siteUrl: "https://docs.flathub.org/",
-      },
-    ],
+    "docusaurus-plugin-matomo",
     [
       require.resolve("@docusaurus/plugin-client-redirects"),
       {
@@ -124,6 +126,10 @@ const config = {
           content: "flatpak, flathub, packaging, tool, linux, desktop, apps",
         },
       ],
+      matomo: {
+        matomoUrl: "https://webstats.gnome.org/",
+        siteId: "40",
+      },
       navbar: {
         title: "Flathub",
         logo: {

package.json

@@ -16,10 +16,12 @@
   },
   "dependencies": {
     "@docusaurus/core": "3.8.1",
+    "@docusaurus/faster": "^3.8.1",
     "@docusaurus/plugin-client-redirects": "3.8.1",
     "@docusaurus/preset-classic": "3.8.1",
     "@mdx-js/react": "^3.1.1",
     "clsx": "^2.1.1",
+    "docusaurus-plugin-matomo": "^0.0.8",
     "docusaurus-plugin-search-local": "^2.1.0",
     "prism-react-renderer": "^2.4.1",
     "react": "^19.1.0",
@@ -29,7 +31,6 @@
   "devDependencies": {
     "@docusaurus/module-type-aliases": "3.8.1",
     "@docusaurus/tsconfig": "3.8.1",
-    "@gabrielcsapo/docusaurus-plugin-matomo": "^0.1.2",
     "@tailwindcss/forms": "^0.5.10",
     "@tailwindcss/postcss": "^4.1.12",
     "@tailwindcss/typography": "^0.5.16",
@@ -53,5 +54,6 @@
   },
   "engines": {
     "node": ">=18.0"
-  }
+  },
+  "packageManager": "[email protected]"
 }

src/pages/index.tsx

@@ -1,7 +1,7 @@
 import React, { JSX } from "react";
 import Layout from "@theme/Layout";
 
-import FlathubDocs from "../../static/img/flathub-docs.svg";
+import FlathubDocsSvg from "../../static/img/flathub-docs.svg";
 
 export default function Home(): JSX.Element {
   return (
@@ -37,7 +37,7 @@ export default function Home(): JSX.Element {
             paddingBottom: "24px",
           }}
         >
-          <FlathubDocs />
+          <FlathubDocsSvg />
         </div>
 
         <h2>Getting started</h2>