bun-tanstack-start

# Bun TanStack Start Run TanStack Start (full-stack React framework) with Bun. ## Quick Start ```bash # Create new TanStack Start project bunx create-tanstack-start@latest my-app cd my-app # Install dependencies bun install # Development bun run dev # Build bun run build # Preview bun run start ``` ## Project Setup ### package.json ```json { "scripts": { "dev": "vinxi dev", "build": "vinxi build", "start": "vinxi start" }, "dependencies": { "@tanstack/react-router": "^1.139.0", "@tanstack/start": "^1.120.0", "react": "^19.2.0", "react-dom": "^19.2.0", "vinxi": "^0.5.10" } } ``` ### app.config.ts ```typescript import { defineConfig } from "@tanstack/start/config"; export default defineConfig({ server: { preset: "bun", }, }); ``` ## File-Based Routing ``` app/ ├── routes/ │ ├── __root.tsx # Root layout │ ├── index.tsx # / │ ├── about.tsx # /about │ ├── users/ │ │ ├── index.tsx # /users │ │ └── $userId.tsx # /users/:userId │ └── api/ │ └── users.ts # /api/users └── client.tsx ``` ## Route Components ### Basic Route ```tsx // app/routes/index.tsx import { createFileRoute } from "@tanstack/react-router"; export const Route = createFileRoute("/")({ component: Home, }); function Home() { return <h1>Welcome Home</h1>; } ``` ### Route with Loader ```tsx // app/routes/users/index.tsx import { createFileRoute } from "@tanstack/react-router"; export const Route =...