fix: Cloudflare templates break when prerendering is enabled

cloudflare-d1/react-router.config.ts

@@ -4,4 +4,5 @@ export default {
   // Config options...
   // Server-side render by default, to enable SPA mode set this to `false`
   ssr: true,
+  serverBuildFile: "index.js",
 } satisfies Config;

cloudflare-d1/vite.config.ts

@@ -9,7 +9,10 @@ export default defineConfig(({ isSsrBuild }) => ({
   build: {
     rollupOptions: isSsrBuild
       ? {
-          input: "./workers/app.ts",
+          input: {
+            "index.js": "virtual:react-router/server-build",
+            "worker.js": "./workers/app.ts",
+          },
         }
       : undefined,
   },
@@ -48,6 +51,20 @@ export default defineConfig(({ isSsrBuild }) => ({
       },
     }),
     reactRouter(),
+    {
+      name: "react-router-cloudflare-workers",
+      config: () => ({
+        build: {
+          rollupOptions: isSsrBuild
+            ? {
+                output: {
+                  entryFileNames: "[name]",
+                },
+              }
+            : undefined,
+        },
+      }),
+    },
     tsconfigPaths(),
   ],
 }));

cloudflare-d1/wrangler.toml

@@ -2,7 +2,7 @@ workers_dev = true
 name = "my-worker"
 compatibility_date = "2024-11-18"
 compatibility_flags = ["nodejs_compat"]
-main = "./build/server/index.js"
+main = "./build/server/worker.js"
 assets = { directory = "./build/client/" }
 
 [[d1_databases]]

cloudflare/react-router.config.ts

@@ -4,4 +4,5 @@ export default {
   // Config options...
   // Server-side render by default, to enable SPA mode set this to `false`
   ssr: true,
+  serverBuildFile: "index.js",
 } satisfies Config;

cloudflare/vite.config.ts

@@ -9,7 +9,10 @@ export default defineConfig(({ isSsrBuild }) => ({
   build: {
     rollupOptions: isSsrBuild
       ? {
-          input: "./workers/app.ts",
+          input: {
+            "index.js": "virtual:react-router/server-build",
+            "worker.js": "./workers/app.ts",
+          },
         }
       : undefined,
   },
@@ -44,6 +47,20 @@ export default defineConfig(({ isSsrBuild }) => ({
       },
     }),
     reactRouter(),
+    {
+      name: "react-router-cloudflare-workers",
+      config: () => ({
+        build: {
+          rollupOptions: isSsrBuild
+            ? {
+                output: {
+                  entryFileNames: "[name]",
+                },
+              }
+            : undefined,
+        },
+      }),
+    },
     tsconfigPaths(),
   ],
 }));

cloudflare/wrangler.toml

@@ -1,5 +1,5 @@
 workers_dev = true
 name = "my-worker"
 compatibility_date = "2024-11-18"
-main = "./build/server/index.js"
+main = "./build/server/worker.js"
 assets = { directory = "./build/client/" }