Skip to content

Update tanstack guide to use C3 #25583

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Draft
wants to merge 1 commit into
base: production
Choose a base branch
from
Draft

Update tanstack guide to use C3 #25583

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
16 changes: 6 additions & 10 deletions src/content/docs/workers/framework-guides/web-apps/tanstack.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -20,12 +20,14 @@ In this guide, you will create a new [TanStack Start](https://tanstack.com/start

## 1. Set up a new project

Start by cloning the Cloudflare example from the official TanStack repository.
Use the [`create-cloudflare`](https://www.npmjs.com/package/create-cloudflare) CLI (C3) to set up a new project. C3 will create a new project directory, initiate TanStack's official setup tool, and provide the option to deploy instantly.

To use `create-cloudflare` to create a new TanStack Start project with Workers Assets, run the following command:

<PackageManagers
type="dlx"
pkg="gitpick"
args="TanStack/router/tree/main/examples/react/start-basic-cloudflare my-tanstack-app"
type="create"
pkg="cloudflare@latest"
args="my-tanstack-app --framework=tanstack"
/>

After setting up your project, change your directory by running the following command:
Expand All @@ -34,10 +36,6 @@ After setting up your project, change your directory by running the following co
cd my-tanstack-app
```

And install the project's dependencies with:

<PackageManagers type="install" />

## 2. Develop locally

After you have created your project, run the following command in the project directory to start a local development server. This will allow you to preview your project locally during development.
Expand Down Expand Up @@ -97,8 +95,6 @@ function RouteComponent() {
}
```

See `src/routes/index.tsx` for an example.

:::note

Running the `cf-typegen` script:
Expand Down