Integrate Lighthouse CI

.github/workflows/run-ci-cd.yaml

@@ -483,6 +483,25 @@ jobs:
         working-directory: .github/ansible
         run: ansible-playbook -i inventory.yaml staging/proxy.yaml -e "github_workspace=$GITHUB_WORKSPACE"
 
+  run-lighthouse-ci:
+    name: Run Lighthouse CI
+    needs:
+      - deploy-staging-nest-proxy
+    runs-on: ubuntu-latest
+    steps:
+      - name: Check out repository
+        uses: actions/checkout@08c6903cd8c0fde910a37f88322edcfb5dd907a8
+
+      - name: Set up Node
+        uses: actions/setup-node@49933ea5288caeca8642d1e84afbd3f7d6820020
+        with:
+          node-version: 22
+
+      - name: Run Lighthouse CI
+        working-directory: frontend
+        run: |
+          npx -y @lhci/[email protected] autorun
+
   build-production-images:
     name: Build Production Images
     env:

.gitignore

@@ -7,6 +7,7 @@ __pycache__
 .env*
 !.env.example
 .idea
+.lighthouseci/
 .local
 .mypy_cache
 .npm/

cspell/custom-dict.txt

@@ -69,6 +69,7 @@ inlinehilite
 isanori
 jumpstart
 kasya
+lhci
 libexpat
 linkify
 lte

frontend/Makefile

@@ -27,6 +27,9 @@ format-frontend-code:
 	|| (printf "pnpm run format"; for i in $$(seq 1 58); do printf "."; done; printf "\033[37;41mFailed\033[0m\n" \
 		&& pnpm run format))
 
+lighthouse-ci:
+	@cd frontend && npx -y @lhci/[email protected] autorun --collect.url=http://localhost:3000
+
 lint-frontend-code:
 	@(cd frontend && pnpm run lint:check >/dev/null 2>&1 \
 	&& (printf "pnpm run lint"; for i in $$(seq 1 60); do printf "."; done; printf "\033[30;42mPassed\033[0m\n") \

frontend/lighthouserc.json

@@ -0,0 +1,19 @@
+{
+  "ci": {
+    "assert": {
+      "assertions": {
+        "categories:performance": ["warn", { "minScore": 0.9 }],
+        "categories:accessibility": ["warn", { "minScore": 0.9 }],
+        "categories:best-practices": ["warn", { "minScore": 0.9 }],
+        "categories:seo": ["warn", { "minScore": 0.9 }]
+      }
+    },
+    "collect": {
+      "url": ["https://nest.owasp.dev/"],
+      "numberOfRuns": 3
+    },
+    "upload": {
+      "target": "temporary-public-storage"
+    }
+  }
+}