feat(example): Devinx tanstack start example

Author: CarlosZiegler

eslint.config.js

@@ -21,6 +21,7 @@ export default tseslint.config(
     '**/node_modules/**',
     '**/docs/.astro/**',
     'examples/realtime-next/**',
+    'examples/realtime-tantsack-start/**',
     'examples/realtime-demo/**',
     'integration-tests//**',
   ]),

examples/realtime-tantsack-start/.gitignore

@@ -6,3 +6,5 @@ dist-ssr
 .env
 .output
 .vinxi
+.tanstack-start
+.nitro

examples/realtime-tantsack-start/app.config.timestamp_1749472294770.js

@@ -3,24 +3,23 @@
   "private": true,
   "type": "module",
   "scripts": {
-    "dev": "vinxi dev",
-    "start": "vinxi start",
-    "build": "vinxi build",
+    "dev": "vite dev --port 3000",
+    "build": "vite build",
+    "start": "node .output/server/index.mjs",
     "serve": "vite preview",
     "test": "vitest run"
   },
   "dependencies": {
     "@openai/agents": "workspace:*",
     "@tailwindcss/vite": "^4.1.8",
-    "@tanstack/react-router": "^1.120.20",
-    "@tanstack/react-router-devtools": "^1.120.20",
-    "@tanstack/react-router-with-query": "^1.120.20",
-    "@tanstack/react-start": "^1.120.20",
+    "@tanstack/react-router": "^1.121.0-alpha.22",
+    "@tanstack/react-router-devtools": "^1.121.0-alpha.22",
+    "@tanstack/react-router-with-query": "^1.121.0-alpha.22",
+    "@tanstack/react-start": "^1.121.0-alpha.25",
     "@tanstack/router-plugin": "^1.120.20",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
     "tailwindcss": "^4.1.8",
-    "vinxi": "^0.5.6",
     "vite-tsconfig-paths": "^5.1.4"
   },
   "devDependencies": {

examples/realtime-tantsack-start/app.config.ts

@@ -8,14 +8,16 @@
 // You should NOT make any changes in this file as it will be overwritten.
 // Additionally, you should also exclude this file from your linter and/or formatter to prevent it from being checked or modified.
 
+import type { CreateFileRoute, FileRoutesByPath } from '@tanstack/react-router';
+
 // Import Routes
 
 import { Route as rootRoute } from './routes/__root';
-import { Route as IndexImport } from './routes/index';
+import { Route as IndexRouteImport } from './routes/index';
 
 // Create/Update Routes
 
-const IndexRoute = IndexImport.update({
+const IndexRoute = IndexRouteImport.update({
   id: '/',
   path: '/',
   getParentRoute: () => rootRoute,
@@ -29,12 +31,24 @@ declare module '@tanstack/react-router' {
       id: '/';
       path: '/';
       fullPath: '/';
-      preLoaderRoute: typeof IndexImport;
+      preLoaderRoute: typeof IndexRouteImport;
       parentRoute: typeof rootRoute;
     };
   }
 }
 
+// Add type-safety to the createFileRoute function across the route tree
+
+declare module './routes/index' {
+  const createFileRoute: CreateFileRoute<
+    '/',
+    FileRoutesByPath['/']['parentRoute'],
+    FileRoutesByPath['/']['id'],
+    FileRoutesByPath['/']['path'],
+    FileRoutesByPath['/']['fullPath']
+  >;
+}
+
 // Create and export the route tree
 
 export interface FileRoutesByFullPath {

examples/realtime-tantsack-start/package.json

@@ -1,4 +1,3 @@
-import { createFileRoute } from '@tanstack/react-router';
 import {
   RealtimeAgent,
   RealtimeSession,
@@ -15,7 +14,7 @@ import { handleRefundRequestServerFn } from '../server/backendAgent';
 import { getTokenServerFn } from '../server/token';
 import { App } from '@/components/App';
 
-export const Route = createFileRoute('/')({
+export const Route = createFileRoute({
   component: Home,
 });