chore: modernize for workers

Author: raisedadead

.github/workflows/lint.yml

@@ -16,7 +16,7 @@ jobs:
     strategy:
       fail-fast: false
       matrix:
-        node-version: [20.x]
+        node-version: [24.x]
 
     steps:
       - name: Checkout Source Files
@@ -25,7 +25,12 @@ jobs:
       - name: Setup pnpm
         uses: pnpm/action-setup@v3
         with:
-          version: 9
+          version: 10
+
+      - name: Setup Node.js
+        uses: actions/setup-node@1d0ff469b7ec7b3cb9d8673fde0c81c44821de2a # v4
+        with:
+          node-version: ${{ matrix.node-version }}
 
       - name: Lint Source Files
         run: |

.github/workflows/playwright.yml

@@ -13,11 +13,15 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@11bd71901bbe5b1630ceea73d27597364c9af683 # v4
+      - name: Setup pnpm
+        uses: pnpm/action-setup@v3
+        with:
+          version: 10
       - uses: actions/setup-node@1d0ff469b7ec7b3cb9d8673fde0c81c44821de2a # v4
         with:
-          node-version: 20.x
+          node-version: 24.x
       - name: Install dependencies
-        run: npm install -g pnpm && pnpm install
+        run: pnpm install
       - name: Install Playwright Browsers
         run: pnpm exec playwright install --with-deps
       - name: Run Playwright tests

.github/workflows/react-tests.yml

@@ -13,7 +13,12 @@ jobs:
       - name: Setup pnpm
         uses: pnpm/action-setup@v3
         with:
-          version: 9
+          version: 10
+
+      - name: Setup Node.js
+        uses: actions/setup-node@1d0ff469b7ec7b3cb9d8673fde0c81c44821de2a # v4
+        with:
+          node-version: 24.x
 
       - name: Install dependencies
         run: pnpm install

.nvmrc

@@ -1 +1 @@
-20.18.3
+24

.wrangler/deploy/config.json

@@ -0,0 +1 @@
+{ "configPath": "../../dist/wrangler.json", "auxiliaryWorkers": [] }

Dockerfile

@@ -1,13 +1,13 @@
 ARG BASE_REGISTRY=docker.io
 ARG BASE_IMAGE=node
-ARG BASE_TAG=22-alpine 
+ARG BASE_TAG=24-alpine 
 
 FROM ${BASE_REGISTRY}/${BASE_IMAGE}:${BASE_TAG}
 
 # Install git for pnpm -> yarn interop dependencies
 RUN apk add --no-cache git
 # Install pnpm package manager globally
-RUN npm install -g pnpm@9
+RUN npm install -g pnpm@10
 
 # Create app directory
 WORKDIR /usr/src/app

package.json

@@ -4,7 +4,7 @@
   "description": "This is a free quiz site made for developers by freeCodeCamp",
   "version": "0.1.0",
   "private": true,
-  "packageManager": "pnpm@9.15.4",
+  "packageManager": "pnpm@10.30.1",
   "dependencies": {
     "@testing-library/jest-dom": "^6.4.6",
     "@testing-library/react": "^16.0.0",
@@ -29,6 +29,8 @@
     "fix-style": "pnpm run lint --fix",
     "lint-style": "prettier --list-different .",
     "format": "prettier --write \"**/*.{ts,tsx,json}\"",
+    "deploy": "vite build && wrangler deploy",
+    "preview:worker": "vite build && wrangler dev",
     "prepare": "husky install"
   },
   "eslintConfig": {
@@ -50,13 +52,15 @@
     ]
   },
   "devDependencies": {
+    "@cloudflare/vite-plugin": "^1.25.2",
+    "@cloudflare/workers-types": "^4.20260228.0",
     "@playwright/test": "^1.45.3",
-    "@types/node": "^20.0.0",
+    "@types/node": "^24.10.13",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.0.4",
     "@typescript-eslint/eslint-plugin": "^7.0.0",
     "@typescript-eslint/parser": "^7.0.0",
-    "@vitejs/plugin-react": "^4.3.1",
+    "@vitejs/plugin-react": "^4",
     "eslint": "^8.16.0",
     "eslint-config-prettier": "^9.0.0",
     "eslint-plugin-react": "^7.34.3",
@@ -66,9 +70,10 @@
     "prettier": "^3.0.0",
     "pretty-quick": "^4.0.0",
     "typescript": "^5.5.3",
-    "vite": "^5.3.2",
+    "vite": "^6.4.1",
     "vite-tsconfig-paths": "^4.2.2",
-    "vitest": "^2.0.0"
+    "vitest": "^2.0.0",
+    "wrangler": "^4.67.0"
   },
   "lint-staged": {
     "*.ts": "eslint",