Migrate frontend hosting to Cloudflare Workers

Author: ridecontrol

.github/workflows/deploy-pages.yml .github/workflows/deploy-worker.yml.github/workflows/deploy-pages.yml renamed to .github/workflows/deploy-worker.yml

@@ -1,4 +1,4 @@
-name: Deploy GitHub Pages
+name: Deploy Worker
 
 on:
   workflow_run:
@@ -12,20 +12,20 @@ on:
 
 permissions:
   contents: read
-  pages: write
   pull-requests: read
-  id-token: write
 
 concurrency:
-  group: pages
+  group: production-worker
   cancel-in-progress: false
 
 jobs:
-
-  build:
-    name: Build site
+  deploy:
+    name: Deploy Worker
     if: github.event_name == 'workflow_dispatch' || github.event.workflow_run.conclusion == 'success'
     runs-on: ubuntu-latest
+    environment:
+      name: production
+      url: https://ridecontrol.xyz
     steps:
       - name: Check out verified revision
         uses: actions/checkout@v7
@@ -35,8 +35,6 @@ jobs:
         uses: oven-sh/setup-bun@v2
         with:
           bun-version: latest
-      - name: Set up GitHub Pages
-        uses: actions/configure-pages@v6
       - name: Install dependencies
         run: bun install --frozen-lockfile
       - name: Resolve build metadata
@@ -50,21 +48,11 @@ jobs:
             build_pr_url="https://github.com/${GITHUB_REPOSITORY}/pulls?q=is%3Apr+is%3Aclosed"
           fi
           echo "VITE_BUILD_PR_URL=${build_pr_url}" >> "$GITHUB_ENV"
-      - name: Build site
+      - name: Build Worker
         run: bun run build
-      - name: Upload site artifact
-        uses: actions/upload-pages-artifact@v5
+      - name: Deploy Worker
+        uses: cloudflare/wrangler-action@v3
         with:
-          path: dist
-
-  deploy:
-    name: Deploy site
-    needs: build
-    runs-on: ubuntu-latest
-    environment:
-      name: github-pages
-      url: ${{ steps.deployment.outputs.page_url }}
-    steps:
-      - name: Deploy to GitHub Pages
-        id: deployment
-        uses: actions/deploy-pages@v5
+          accountId: c1e6e1378d9461aa07039950b1bf8b89
+          apiToken: ${{ secrets.CLOUDFLARE_API_TOKEN }}
+          command: deploy

.gitignore

@@ -1,3 +1,7 @@
 node_modules/
 dist/
+.wrangler/
+.dev.vars
+.dev.vars.*
+!.dev.vars.example
 .DS_Store

README.md

@@ -75,7 +75,7 @@ and repeated dialog and keyboard behavior so those rules stay consistent across
 
 Pull requests and pushes to `main` run the complete `bun run ci` suite in GitHub Actions. After
 CI succeeds on `main`, a separate workflow runs `bun run build` and deploys the generated `dist`
-directory to GitHub Pages at [ridecontrol.xyz](https://ridecontrol.xyz).
+assets to a Cloudflare Worker at [ridecontrol.xyz](https://ridecontrol.xyz).
 
 ## Automatic reconnect
 

bun.lock

@@ -11,6 +11,7 @@
     "test": "bun test",
     "tailwind:check": "bun scripts/check-tailwind.ts",
     "ci": "biome check . && bun run tailwind:check && bun test && tsc --noEmit && vite build",
+    "deploy": "bun run build && wrangler deploy",
     "preview": "vite preview --host localhost --port 4200"
   },
   "dependencies": {
@@ -29,6 +30,7 @@
   },
   "devDependencies": {
     "@biomejs/biome": "^2.5.4",
+    "@cloudflare/vite-plugin": "^1.45.1",
     "@tailwindcss/language-server": "^0.16.0",
     "@types/bun": "^1.3.14",
     "@types/leaflet": "^1.9.21",
@@ -38,6 +40,7 @@
     "@xmldom/xmldom": "^0.9.10",
     "typescript": "^7.0.2",
     "ultracite": "^7.9.4",
-    "vite": "^8.1.5"
+    "vite": "^8.1.5",
+    "wrangler": "^4.112.0"
   }
 }

package.json

@@ -1,3 +1,4 @@
+import { cloudflare } from '@cloudflare/vite-plugin';
 import tailwindcss from '@tailwindcss/vite';
 import react from '@vitejs/plugin-react';
 import { defineConfig } from 'vite';
@@ -12,5 +13,5 @@ export default defineConfig({
 		'import.meta.env.RIDE_CONTROL_BUILD_PR_URL': JSON.stringify(buildPrUrl),
 		'import.meta.env.RIDE_CONTROL_BUILD_TIMESTAMP_UTC': JSON.stringify(buildTimestampUtc),
 	},
-	plugins: [react(), tailwindcss()],
+	plugins: [react(), tailwindcss(), cloudflare()],
 });

vite.config.ts

@@ -0,0 +1,16 @@
+{
+	"$schema": "./node_modules/wrangler/config-schema.json",
+	"name": "ridecontrol-frontend",
+	"account_id": "c1e6e1378d9461aa07039950b1bf8b89",
+	"compatibility_date": "2026-07-21",
+	"workers_dev": false,
+	"routes": [
+		{
+			"pattern": "ridecontrol.xyz",
+			"custom_domain": true
+		}
+	],
+	"assets": {
+		"not_found_handling": "single-page-application"
+	}
+}