feat: add tauri examples

Author: sunshmo

examples/react/quickstart-rspack-file-based-tauri/.gitignore

@@ -0,0 +1,52 @@
+*.local
+.env
+.nitro
+.tanstack
+.wrangler
+.output
+.vinxi
+__unconfig*
+todos.json
+
+.DS_Store
+
+.vscode
+.idea
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.*
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/versions
+
+# testing
+/coverage
+
+# production
+/build
+/dist
+/dist-ssr
+src-tauri/gen
+src-tauri/target
+
+/private
+/public/uploads
+
+# misc
+*.pem
+
+# debug
+*.log*
+
+# env files (can opt-in for committing if needed)
+.env*
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo

examples/react/quickstart-rspack-file-based-tauri/README.md

@@ -0,0 +1,58 @@
+# TanStack Router - Rspack File-Based-Tauri Quickstart
+
+A quickstart example using Rspack as the bundler with file-based-tauri routing.
+
+- [TanStack Router Docs](https://tanstack.com/router)
+- [Rspack Documentation](https://www.rspack.dev/)
+
+## Start a new project based on this example
+
+To start a new project based on this example, run:
+
+```sh
+npx gitpick TanStack/router/tree/main/examples/react/quickstart-rspack-file-based-tauri quickstart-rspack-file-based-tauri
+```
+
+## Getting Started
+
+Install dependencies:
+
+```sh
+pnpm install
+```
+
+Start the development server:
+
+```sh
+pnpm dev
+```
+
+## Build
+
+Build for production:
+
+```sh
+pnpm build
+```
+
+## About This Example
+
+This example demonstrates:
+
+- Rspack bundler integration
+- file-based-tauri routing
+- Fast build times with Rust-based tooling
+- Webpack-compatible configuration
+
+
+**Note** If you want to build a Tauri application, you might encounter some issues with route requests. For example, after accessing a route, there might actually be a request address like `http://tauri.localhost/lazy-compilation-using-`. In this case, you need to set [`lazyCompilation`](https://rsbuild.rs/config/dev/lazy-compilation#introduction) to `false`.
+
+```ts
+// rsbuild.config.ts
+export default defineConfig({
+  plugins: [pluginReact()],
+  dev: {
+    lazyCompilation: false,
+  },
+})
+```

examples/react/quickstart-rspack-file-based-tauri/package.json

@@ -0,0 +1,27 @@
+{
+  "name": "tanstack-router-react-example-quickstart-rspack-file-based-tauri",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "rsbuild dev --port 3000",
+    "build": "rsbuild build && tsc --noEmit",
+    "preview": "rsbuild preview",
+    "tauri": "tauri"
+  },
+  "dependencies": {
+    "@tanstack/react-router": "^1.168.23",
+    "react": "^19.2.3",
+    "react-dom": "^19.2.3"
+  },
+  "devDependencies": {
+    "@rsbuild/core": "^1.2.4",
+    "@rsbuild/plugin-react": "^1.1.0",
+    "@tailwindcss/postcss": "^4.1.18",
+    "@tanstack/router-plugin": "^1.167.22",
+    "@tauri-apps/cli": "^2.10.1",
+    "@types/react": "^19.2.7",
+    "@types/react-dom": "^19.2.3",
+    "tailwindcss": "^4.1.18",
+    "typescript": "^5.9.3"
+  }
+}

examples/react/quickstart-rspack-file-based-tauri/postcss.config.mjs

@@ -0,0 +1,5 @@
+export default {
+  plugins: {
+    '@tailwindcss/postcss': {},
+  },
+}

examples/react/quickstart-rspack-file-based-tauri/rsbuild.config.ts

@@ -0,0 +1,15 @@
+import { defineConfig } from '@rsbuild/core'
+import { pluginReact } from '@rsbuild/plugin-react'
+import { tanstackRouter } from '@tanstack/router-plugin/rspack'
+
+export default defineConfig({
+  plugins: [pluginReact()],
+  tools: {
+    rspack: {
+      plugins: [tanstackRouter({ target: 'react', autoCodeSplitting: true })],
+    },
+  },
+  dev: {
+    lazyCompilation: false,
+  },
+})

examples/react/quickstart-rspack-file-based-tauri/src-tauri/.gitignore

@@ -0,0 +1,4 @@
+# Generated by Cargo
+# will have compiled files and executables
+/target/
+/gen/schemas