fix: fix NODE_ENV=production on prerender

Author: hi-ogawa

packages/plugin-rsc/examples/react-router/nitro.ts

@@ -167,7 +167,8 @@ async function prerender(nitro: Nitro, pages: string[]) {
   await nodeNitro.close()
 
   async function prerenderPage(page: { path: string }) {
-    const encodedRoute = encodeURI(page.path)
+    // const encodedRoute = encodeURI(page.path)
+    const encodedRoute = page.path
 
     const res = await localFetch<Response>(
       withBase(encodedRoute, nodeNitro.options.baseURL),
@@ -185,7 +186,10 @@ async function prerender(nitro: Nitro, pages: string[]) {
     // const cleanPagePath = (prerenderOptions.outputPath || page.path).split(
     //   /[?#]/,
     // )[0]!
-    const cleanPagePath = page.path
+    const cleanPagePath = page// prerenderOptions.outputPath ||
+    .path
+      .split(/[?#]/)[0]!
+    // const cleanPagePath = page.path
 
     // Guess route type and populate fileName
     const contentType = res.headers.get('content-type') || ''

packages/plugin-rsc/examples/react-router/vite.config.ts

@@ -28,15 +28,35 @@ export default defineConfig({
       },
     }),
     inspect(),
-    !!process.env.NITRO_PRESET &&
+    !!process.env.NITRO_PRESET && [
+      {
+        name: 'node-env',
+        configEnvironment() {
+          // ensure running React production build on prerender.
+          // otherwise Nitro's `NODE_ENV=prerender` breaks React.
+          return {
+            define: {
+              'process.env.NODE_ENV': JSON.stringify('production'),
+            },
+          }
+        },
+      },
       nitroPlugin({
         preset: process.env.NITRO_PRESET as any,
         // TODO: this can be inferred from config, such as
         // - builder.environments.client.config.build.outDir
         clientDir: path.resolve('./dist/client'),
         serverEntry: path.resolve('./dist/ssr/index.js'),
-        // prerender: ['/'],
+        prerender: [
+          '/',
+          // '/_root.rsc',
+          // '/about',
+          '/about.rsc',
+          // TODO(react-router): what is this?
+          '/.manifest?p=%2F&p=%2Fabout',
+        ],
       }),
+    ],
   ],
   optimizeDeps: {
     include: ['react-router', 'react-router/internal/react-server-client'],