vite-plugin-ssr-config 1.0.4 → 1.0.5

package/README.md

@@ -44,7 +44,7 @@ export default defineConfig({
   plugins: [
     react(),
     web({
-      moduleFile: '.ssr/routes.tsx'
+      moduleId: 'ssr-pages'
     }),
     ssr({
       chacheDir: '.ssr'
@@ -53,6 +53,32 @@ export default defineConfig({
 });
 ```
 
+### Legacy project
+
+If you use the vite-plugin-pages, you need config the moduleId
+
+```typescript
+import { defineConfig } from "vite";
+import react from "@vitejs/plugin-react";
+import pages from "vite-plugin-pages";
+import ssr from "vite-plugin-ssr-config";
+
+export default defineConfig({
+  plugins: [
+    react(),
+    pages({
+      moduleId: "ssr-pages",
+      routeStyle: "remix",
+      dirs: "src/pages",
+    }),
+    ssr({
+      chacheDir: '.ssr'
+    })
+  ],
+});
+```
+
+
 ## Default Configuration
 
 The following default values are provided for each configurable attribute in the plugin:

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vite-plugin-ssr-config",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "license": "MIT",
   "description": "A powerful Vite plugin designed to enable Server-Side Rendering (SSR) for React applications. It provides a comprehensive solution for bundling both SSR and CSR, with built-in support for React Router and React Query for efficient API handling and page rendering.",
   "keywords": [

package/ssr/rootRoutes.jsx

@@ -1,7 +1,7 @@
 import { RootDocument } from "@ssr/root.jsx";
 import React from "react";
 import { useRoutes } from "react-router";
-import routes from "./routes";
+import routes from "ssr-pages";
 
 export const RootRoutes = (props) => {
   const newRoutes = [