Fix: Add ASSETS binding to wrangler configuration and update backendMain to handle static assets

Author: abdulkarim1422

src/backendMain.tsx

@@ -6,7 +6,11 @@ import { memberRouter } from './backend/routers/member'
 import { handleCronJob } from './backend/services/cron'
 import { CloudflareBindings } from './backend/models/types'
 
-const app = new Hono<{ Bindings: CloudflareBindings }>()
+type Bindings = CloudflareBindings & {
+  ASSETS: any // Cloudflare Assets binding
+}
+
+const app = new Hono<{ Bindings: Bindings }>()
 
 // API Routes
 app.route('/api/auth', authRouter)
@@ -20,6 +24,12 @@ frontendRoutes.forEach(route => {
   app.get(route, renderer);
 });
 
+// Handle static assets
+app.get('/client/*', async (c) => {
+  const assetPath = c.req.path.replace('/client', '')
+  return c.env.ASSETS.fetch(new Request(`${new URL(c.req.url).origin}${assetPath}`))
+})
+
 // Catch-all route for client-side routing
 app.get('*', (c) => {
   const path = c.req.path

wrangler.jsonc

@@ -4,6 +4,10 @@
   "compatibility_date": "2025-08-03",
   "compatibility_flags": ["nodejs_compat"],
   "main": "./src/backendMain.tsx",
+  "assets": {
+    "directory": "./dist/client",
+    "binding": "ASSETS"
+  },
   "d1_databases": [
     {
       "binding": "DB",