docs: replace deprecated create-tsrouter-app and create-start-app with @tanstack/cli create

[2nofa11]

The create-tsrouter-app and create-start-app CLI tools are deprecated.
This PR replaces all references with the recommended npx @tanstack/cli create.

Also removed obsolete flags:

• --template (not supported in @tanstack/cli create)
• --tailwind (always enabled since TanStack/cli@337eeba)

Docs-only change. No code behavior changes.

Summary by CodeRabbit

• Documentation
  • Updated project initialization commands across tutorials and guides to reflect the latest CLI tooling
  • Updated example project meta descriptions to reference current tooling
  • Refreshed README examples and quick-start guides with updated project setup workflow instructions

[coderabbitai]

📝 Walkthrough

Walkthrough

Documentation and example files are updated to reference the TanStack CLI (@tanstack/cli create) instead of deprecated scaffolding tools. Meta descriptions in HTML example files are also updated to reference the TanStack CLI.

Changes

Cohort / File(s)	Summary
Documentation Quick-Start & Setup Guides docs/router/quick-start.md, docs/router/how-to/setup-ssr.md, docs/router/how-to/integrate-shadcn-ui.md, docs/start/framework/react/tutorial/fetching-external-api.md	Updated CLI scaffolding commands from deprecated create-tsrouter-app and create-start-app to @tanstack/cli create with appropriate framework/addon flags.
Example HTML Meta Descriptions examples/react/i18n-paraglide/index.html, examples/solid/i18n-paraglide/index.html	Updated meta description content from "Web site created using create-tsrouter-app" to "Web site created using TanStack CLI".
Example README Installation Commands examples/react/start-bun/README.md, examples/solid/start-bun/README.md	Updated installation instructions from bunx create-start-app@latest to bunx @tanstack/cli create.

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~8 minutes

Possibly related PRs

• docs(router): restructure docs to use the unified markdown syntax #6665 — Makes overlapping documentation edits to router quick-start and related guides updating CLI scaffolding commands.
• Tutorial: Fetching data from an external API #5050 — Modifies the same React "fetching external API" tutorial content that is updated here.
• docs: Update Some Router Docs #5443 — Updates router documentation's CLI scaffolding and quick-start content with similar TanStack CLI command replacements.

Suggested reviewers

• birkskyum
• brenelz

Poem

🐰 The CLI commands hop along,
From old names to the TanStack throng,
Docs and examples dance with glee,
Updated to what guides should be! ✨

🚥 Pre-merge checks | ✅ 3

✅ Passed checks (3 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title accurately and clearly summarizes the main objective of the pull request: replacing deprecated CLI commands with the new @tanstack/cli create command across documentation files.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment

Tip

Issue Planner is now in beta. Read the docs and try it out! Share your feedback on Discord.

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[coderabbitai]

Caution

Some comments are outside the diff and can’t be posted inline due to platform limitations.

⚠️ Outside diff range comments (2)

docs/router/quick-start.md (1)

40-53: ⚠️ Potential issue | 🟡 Minor

File-based and code-based sections now show identical commands — routing mode differentiation is lost

Both sections now use the exact same npx @tanstack/cli create my-app (and the --framework solid variant), whereas the old scaffolders used --template file-router vs --template code-router (or equivalent). A reader arriving at these two distinct sections expecting different setup paths will find no actionable difference.

Since @tanstack/cli create is interactive, the routing mode choice happens during prompts. Consider consolidating the two sections or adding a note explaining the distinction is selected interactively, for example:

✏️ Suggested clarification

 ### File-Based Route Generation
 
 The file-based approach is the recommended option for most projects. ...
 
+> [!NOTE]
+> When using `@tanstack/cli create`, you'll be prompted to choose between file-based and code-based routing during setup. There is no separate flag required.
+
 <!-- ::start:tabs variant="package-manager" mode="local-install" -->
 
 react: npx `@tanstack/cli` create my-app
 solid: npx `@tanstack/cli` create my-app --framework solid
 
 <!-- ::end:tabs -->
 
 ### Code-Based Route Configuration
 
 If you prefer to define routes programmatically, you can use the code-based route configuration. ...
 
+> [!NOTE]
+> Select "code-router" when prompted by the CLI during setup.

🤖 Prompt for AI Agents

Verify each finding against the current code and only fix it if needed.

In `@docs/router/quick-start.md` around lines 40 - 53, The two sections
"File-based" and "Code-Based Route Configuration" show identical CLI commands,
losing routing-mode differentiation; update the docs by either consolidating the
two sections into one with a note that `@tanstack/cli` is interactive and routing
mode is chosen during prompts, or explicitly restore distinct examples (e.g.,
mention the historical flags like --template file-router vs --template
code-router or add a clarifying line in the "Code-Based Route Configuration"
section stating that the CLI will prompt to choose file vs code router and that
no separate non-interactive flag is required); ensure the "Code-Based Route
Configuration" heading and the CLI examples (react/solid) include this
clarification so readers know how to select code routing when creating a
project.

docs/start/framework/react/tutorial/fetching-external-api.md (1)

38-38: ⚠️ Potential issue | 🟡 Minor

Change --add-on to --add-ons (plural)

The prose references the incorrect singular form. The official @tanstack/cli uses --add-ons (plural) as the flag to specify add-ons (e.g., npx @tanstack/cli create my-app --add-ons shadcn,clerk,drizzle). This error also appears in docs/start/framework/react/tutorial/reading-writing-file.md at a similar line.

Proposed fix

-Optionally, you can pass in a `--add-on` flag to get options such as Shadcn, Clerk, Convex, TanStack Query, etc.
+Optionally, you can pass in a `--add-ons` flag to get options such as Shadcn, Clerk, Convex, TanStack Query, etc.

🤖 Prompt for AI Agents

Verify each finding against the current code and only fix it if needed.

In `@docs/start/framework/react/tutorial/fetching-external-api.md` at line 38,
Update the incorrect flag text `--add-on` to the correct plural `--add-ons` in
the documentation: replace the `--add-on` string where it appears (e.g., the
sentence "Optionally, you can pass in a `--add-on` flag...") with `--add-ons`,
and apply the same fix in the analogous occurrence in the
reading-writing-file.md file so the docs match the official `@tanstack/cli` usage.

🤖 Prompt for all review comments with AI agents

Verify each finding against the current code and only fix it if needed.

Outside diff comments:
In `@docs/router/quick-start.md`:
- Around line 40-53: The two sections "File-based" and "Code-Based Route
Configuration" show identical CLI commands, losing routing-mode differentiation;
update the docs by either consolidating the two sections into one with a note
that `@tanstack/cli` is interactive and routing mode is chosen during prompts, or
explicitly restore distinct examples (e.g., mention the historical flags like
--template file-router vs --template code-router or add a clarifying line in the
"Code-Based Route Configuration" section stating that the CLI will prompt to
choose file vs code router and that no separate non-interactive flag is
required); ensure the "Code-Based Route Configuration" heading and the CLI
examples (react/solid) include this clarification so readers know how to select
code routing when creating a project.

In `@docs/start/framework/react/tutorial/fetching-external-api.md`:
- Line 38: Update the incorrect flag text `--add-on` to the correct plural
`--add-ons` in the documentation: replace the `--add-on` string where it appears
(e.g., the sentence "Optionally, you can pass in a `--add-on` flag...") with
`--add-ons`, and apply the same fix in the analogous occurrence in the
reading-writing-file.md file so the docs match the official `@tanstack/cli` usage.