| 1 | # Cloudflare Website: TanStack Start |
| 2 | |
| 3 | Deploys a [TanStack Start](https://tanstack.com/start) app to Cloudflare |
| 4 | Workers with `Cloudflare.Website.Vite` — no adapter setup or Wrangler |
| 5 | configuration. |
| 6 | |
| 7 | - `src/routes/index.tsx` is server-rendered in the Worker and reads the |
| 8 | `GREETING` env value declared in `alchemy.run.ts` through a server |
| 9 | function. |
| 10 | - `src/components/Card.tsx` is a React component styled with Tailwind |
| 11 | utilities, wired through `@tailwindcss/vite` in the project's own |
| 12 | `vite.config.ts`. |
| 13 | - `src/routes/api.hello.ts` is a server route demonstrating four ways to |
| 14 | call into the sibling `Backend` Effect worker and its R2 bucket: the |
| 15 | direct R2 binding, service-binding `fetch`, a typed RPC method, and an |
| 16 | Effect `HttpClient` over the service binding. |
| 17 | - `src/backend.ts` is that Effect worker — an RPC method plus an HTTP |
| 18 | handler over `Cloudflare.R2.ReadWriteBucket`. |
| 19 | |
| 20 | ## Deploy |
| 21 | |
| 22 | ```sh |
| 23 | bun run deploy |
| 24 | ``` |
| 25 | |
| 26 | ## Destroy |
| 27 | |
| 28 | ```sh |
| 29 | bun run destroy |
| 30 | ``` |