simplify and fix guide by using example app instead of the tanstack cli

Author: dario-piotrowicz

src/content/docs/workers/framework-guides/web-apps/tanstack.mdx

@@ -22,12 +22,12 @@ In this guide, you will create a new [TanStack Start](https://tanstack.com/start
 
 ### Create the project
 
-Start by creating a new project using the official TanStack CLI:
+Start by cloning the basic template from the official TanStack repository
 
 <PackageManagers
-	type="create"
-	pkg="@tanstack/start@latest"
-	args="my-tanstack-app"
+	type="dlx"
+	pkg="gitpick"
+	args="TanStack/router/tree/main/examples/react/start-basic-cloudflare my-tanstack-app"
 />
 
 After setting up your project, change your directory by running the following command:
@@ -36,77 +36,9 @@ After setting up your project, change your directory by running the following co
 cd my-tanstack-app
 ```
 
-### Install the Cloudflare dependencies
+And install the project's dependencies with:
 
-Inside the project's directory install the Cloudflare development dependencies:
-
-<PackageManagers pkg="@cloudflare/vite-plugin wrangler" dev />
-
-### Create a `wrangler.jsonc` file
-
-Create a `wrangler.jsonc` file with the following:
-
-```json
-{
-	"$schema": "node_modules/wrangler/config-schema.json",
-	"name": "my-tanstack-app",
-	"compatibility_date": "2025-09-02",
-	"compatibility_flags": ["nodejs_compat"],
-	"main": "@tanstack/react-start/server-entry"
-}
-```
-
-### Add Cloudflare scripts to the `package.json` file
-
-Add the following scripts to your `package.json` file:
-
-```json
-"deploy": "wrangler deploy",
-"cf-typegen": "wrangler types"
-```
-
-- `deploy`: used to deploy your application after you have built it
-
-- `cf-typegen`: used to generate Cloudflare TypeScript types for your project based on your configuration
-
-Note that there are already three relevant scripts that the TanStack CLI defined for you: `dev`, `build` and `serve`, which respectively allow you to start a local Vite dev server
-to develop locally your application, build your application (so that it can be deployed) and start a local preview server that you can use to validate your built application
-before deploying it.
-
-### Update the `vite.config.ts` file
-
-Next you need to update update the Vite configuration file to use the Cloudflare plugin:
-
-```diff lang="ts"
-import { defineConfig } from 'vite'
-import { tanstackStart } from '@tanstack/react-start/plugin/vite'
-import viteReact from '@vitejs/plugin-react'
-import viteTsConfigPaths from 'vite-tsconfig-paths'
-import tailwindcss from '@tailwindcss/vite'
-+import { cloudflare } from '@cloudflare/vite-plugin';
-
-const config = defineConfig({
-  plugins: [
-    tailwindcss(),
-    tanstackStart(),
-    viteReact(),
-+    cloudflare({ viteEnvironment: { name: 'ssr' } }),
-  ],
-+  environments: {
-+    ssr: {
-+      optimizeDeps: {
-+        exclude: ['@tanstack/react-devtools']
-+      }
-+    }
-+  }
-})
-```
-
-:::note
-
-The `optimizeDeps` setting here is a temporary workaround and won't be necessary with future TanStack Start releases.
-
-:::
+<PackageManagers type="install" />
 
 ## 2. Develop locally
 
@@ -130,9 +62,10 @@ If you're using CI, ensure you update your ["deploy command"](/workers/ci-cd/bui
 
 :::note
 
-After having built the application you can run the `serve` script to preview the build output locally before deploying.
+After having built the application you can run the `preview` script to preview the built output locally before deploying it.
+This can help you making sure that your application will work as intended once it's been deployed to the Cloudflare network:
 
-<PackageManagers type="run" args="serve" />
+<PackageManagers type="run" args="preview" />
 
 :::