Update TanStack Start quickstart (#41293)

GitOrigin-RevId: b462fa60ad7aef3a409b928ab287f8f3c96ab8de

Author: Nicolapps

npm-packages/@convex-dev/react-query/package.json

@@ -39,8 +39,8 @@
   },
   "devDependencies": {
     "@tanstack/eslint-plugin-query": "^5.74.7",
-    "@tanstack/react-query": "^5.62.0",
-    "@tanstack/react-query-devtools": "^5.62.0",
+    "@tanstack/react-query": "^5.90.2",
+    "@tanstack/react-query-devtools": "^5.90.2",
     "@types/node": "^18.17.0",
     "@types/react": "^18.0.0",
     "@types/react-dom": "^18.0.0",

npm-packages/common/config/rush/common-versions.json

@@ -79,6 +79,13 @@
      * The Convex CLI expects prettier for formatting generated code.
      */
     "prettier": ["^3.0.0"],
+    /**
+     * Allow a newer version of Vite for TanStack Start projects.
+     * Ideally we just update Vite to the latest version everywhere,
+     * but some of our projects have dependencies that are not compatible
+     * with Vite 7 so far.
+     */
+    "vite": ["^7.1.7"],
     /**
      * These are for private-demos/tanstack-start to closely match
      * https://github.com/TanStack/router
@@ -105,6 +112,9 @@
     "@eslint/eslintrc": ["^3"],
     "eslint-config-next": ["15.2.3"],
 
+    // Keep the TanStack Start + Clerk demo on a pre-RC version since Clerk doesn’t support RC yet
+    "@tanstack/react-start": ["1.120.11"],
+
     /**
      * Until an upgrade to ESLint 9 is done
      */

npm-packages/common/config/rush/pnpm-lock.yaml

@@ -15,8 +15,8 @@
     "react-dom": "^18.0.0",
     "prettier": "3.6.2",
     "@convex-dev/react-query": "workspace:*",
-    "@tanstack/react-query": "^5.62.0",
-    "@tanstack/react-query-devtools": "^5.62.0"
+    "@tanstack/react-query": "^5.90.2",
+    "@tanstack/react-query-devtools": "^5.90.2"
   },
   "devDependencies": {
     "@types/babel__core": "^7.20.0",

npm-packages/demos/react-query/package.json

@@ -7,16 +7,16 @@ sidebar_position: 200
 ---
 
 import sampleData from "!!raw-loader!@site/../private-demos/quickstarts/tanstack-start/sampleData.jsonl";
-import appRoutesRoot from "!!raw-loader!@site/../private-demos/quickstarts/tanstack-start/app/routes/__root.tsx";
-import router from "!!raw-loader!@site/../private-demos/quickstarts/tanstack-start/app/router.tsx";
-import index from "!!raw-loader!@site/../private-demos/quickstarts/tanstack-start/app/routes/index.tsx";
+import appRoutesRoot from "!!raw-loader!@site/../private-demos/quickstarts/tanstack-start/src/routes/__root.tsx";
+import router from "!!raw-loader!@site/../private-demos/quickstarts/tanstack-start/src/router.tsx";
+import index from "!!raw-loader!@site/../private-demos/quickstarts/tanstack-start/src/routes/index.tsx";
 import tasks from "!!raw-loader!@site/../private-demos/quickstarts/tanstack-start/convex/tasks.ts";
 
-<Admonition type="caution" title="TanStack Start is in Beta">
+<Admonition type="caution" title="TanStack Start is in Release Candidate">
 
 [TanStack Start](https://tanstack.com/start/latest) is a new React framework
-currently in beta. You can try it today but there are likely to be breaking
-changes before a stable release.
+currently in the Release Candidate stage. You can try it today but there might
+still be bug or issues.
 
 </Admonition>
 
@@ -40,29 +40,11 @@ Learn how to query data from Convex in a TanStack Start site.
 <StepByStep>
   <Step title="Create a TanStack Start site">
 
-The TanStack team intends to release a CLI template starter soon, but until the
-official way to create a new TanStack Start site is to follow the TanStack Start
-[getting started](https://tanstack.com/router/latest/docs/framework/react/start/getting-started)
-guide.
-
-Once you've finished you'll have a directory called myApp with a minimal
-TanStack Start app in it.
-
-      ```sh
-      .
-      ├── app/
-      │   ├── routes/
-      │   │   ├── `index.tsx`
-      │   │   └── `__root.tsx`
-      │   ├── `client.tsx`
-      │   ├── `router.tsx`
-      │   ├── `routeTree.gen.ts`
-      │   └── `ssr.tsx`
-      ├── `.gitignore`
-      ├── `app.config.ts`
-      ├── `package.json`
-      └── `tsconfig.json`
-      ```
+Create a TanStack Start app using the `create-start-app` command:
+
+    ```sh
+    npx create-start-app@latest
+    ```
 
 </Step>
   <Step title="Install the Convex client and server library">

npm-packages/docs/docs/quickstart/tanstack-start.mdx

@@ -5,28 +5,34 @@
   "description": "",
   "main": "index.js",
   "scripts": {
-    "dev": "vinxi dev",
-    "build": "vinxi build",
-    "start": "vinxi start"
+    "dev": "npx convex dev --once && concurrently -r npm:dev:web npm:dev:convex",
+    "dev:web": "vite dev",
+    "dev:ts": "tsc -b -w",
+    "dev:convex": "npx convex dev",
+    "build": "vite build && tsc --noEmit",
+    "start": "node .output/server/index.mjs"
   },
   "keywords": [],
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@convex-dev/react-query": "^0.0.0-alpha.8",
-    "@tanstack/react-query": "^5.59.20",
-    "@tanstack/react-router": "^1.82.1",
-    "@tanstack/react-router-with-query": "^1.82.1",
-    "@tanstack/start": "^1.82.1",
-    "convex": "^1.17.0",
+    "@convex-dev/react-query": "^0.0.0-alpha.11",
+    "@tanstack/react-query": "^5.89.0",
+    "@tanstack/react-router-with-query": "^1.130.17",
+    "@tanstack/react-router": "^1.132.2",
+    "@tanstack/react-start": "^1.132.2",
+    "convex": "^1.27.3",
     "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "vinxi": "^0.5.1"
+    "react-dom": "^18.3.1"
   },
   "devDependencies": {
-    "@types/react": "^18.3.12",
+    "@tailwindcss/vite": "^4.1.13",
     "@types/react-dom": "^18.3.1",
-    "@vitejs/plugin-react": "^4.3.3",
-    "typescript": "^5.6.3"
+    "@types/react": "^18.3.12",
+    "@vitejs/plugin-react": "^5.0.3",
+    "concurrently": "~9.2.1",
+    "typescript": "^5.6.3",
+    "vite-tsconfig-paths": "^5.1.4",
+    "vite": "^7.1.5"
   }
 }