Intial commit

Author: amanmahajan7

.gitignore

@@ -1,4 +1,7 @@
 /.cache
+/.nitro
+/.output
+/.tanstack
 /coverage
 /dist
 /lib

index.html

@@ -59,13 +59,14 @@
     "@ianvs/prettier-plugin-sort-imports": "^4.5.1",
     "@linaria/core": "^6.3.0",
     "@tanstack/react-router": "^1.128.0",
-    "@tanstack/router-plugin": "^1.128.0",
+    "@tanstack/react-start": "^1.130.10",
     "@types/node": "^24.0.14",
     "@types/react": "^19.1.3",
     "@types/react-dom": "^19.1.3",
     "@typescript-eslint/eslint-plugin": "^8.37.0",
     "@typescript-eslint/parser": "^8.37.0",
-    "@vitejs/plugin-react-oxc": "^0.2.3",
+    "@vitejs/plugin-react": "^4.7.0",
+    "@vitejs/plugin-react-oxc": "^0.3.0",
     "@vitest/browser": "^3.2.4",
     "@vitest/coverage-v8": "^3.2.4",
     "@vitest/eslint-plugin": "^1.3.4",

package.json

@@ -1,4 +1,4 @@
-import { tanstackRouter } from '@tanstack/router-plugin/vite';
+import { tanstackStart } from '@tanstack/react-start/plugin/vite';
 import react from '@vitejs/plugin-react-oxc';
 import wyw from '@wyw-in-js/vite';
 import { defineConfig } from 'vite';
@@ -44,7 +44,6 @@ const dragFill: BrowserCommand<[from: string, to: string]> = async (context, fro
 const viewport = { width: 1920, height: 1080 } as const;
 
 export default defineConfig(({ command, isPreview }) => ({
-  base: '/react-data-grid/',
   cacheDir: '.cache/vite',
   clearScreen: false,
   build: {
@@ -56,12 +55,18 @@ export default defineConfig(({ command, isPreview }) => ({
   },
   plugins: [
     (!isTest || isPreview) &&
-      tanstackRouter({
-        target: 'react',
-        generatedRouteTree: 'website/routeTree.gen.ts',
-        routesDirectory: 'website/routes',
-        autoCodeSplitting: true,
-        verboseFileRoutes: false
+      tanstackStart({
+        customViteReactPlugin: true,
+        tsr: {
+          srcDirectory: 'website',
+          // @ts-expect-error types are not correct
+          autoCodeSplitting: true,
+          verboseFileRoutes: false
+        },
+        prerender: {
+          enabled: true,
+          crawlLinks: true
+        }
       }),
     react({
       exclude: ['./.cache/**/*']

vite.config.ts

@@ -16,16 +16,13 @@ body {
 }
 
 body {
+  display: grid;
+  grid-template-columns: auto 1fr;
   color-scheme: var(--rdg-color-scheme, light dark);
   background-color: light-dark(#fff, hsl(0deg 0% 10%));
   color: light-dark(#111, #fff);
 }
 
-#root {
-  display: grid;
-  grid-template-columns: auto 1fr;
-}
-
 .fill-grid {
   block-size: 100%;
 }