Skip to content

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

Open
2nofa11 wants to merge 1 commit intoTanStack:mainfrom
2nofa11:chore/update-deprecated-cli-commands
Open

docs: replace deprecated create-tsrouter-app and create-start-app with @tanstack/cli create#6610
2nofa11 wants to merge 1 commit intoTanStack:mainfrom
2nofa11:chore/update-deprecated-cli-commands

Conversation

@2nofa11
Copy link

@2nofa11 2nofa11 commented Feb 7, 2026

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, quick-starts, and READMEs to use the TanStack CLI flow.
    • Updated example snippets and guidance text to reference the current CLI docs.
    • Renamed the user-facing CLI flag from --add-on to --add-ons in examples and walkthroughs.
    • Updated site meta descriptions in example projects to reference the TanStack CLI.

@github-actions github-actions bot added the documentation Everything documentation related label Feb 7, 2026
@coderabbitai
Copy link
Contributor

coderabbitai bot commented Feb 7, 2026

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info
⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: 9f6f7842-dc3f-488b-b5b6-bda93bad56cf

📥 Commits

Reviewing files that changed from the base of the PR and between f94a940 and 0da98f7.

📒 Files selected for processing (9)
  • docs/router/how-to/integrate-shadcn-ui.md
  • docs/router/how-to/setup-ssr.md
  • docs/router/quick-start.md
  • docs/start/framework/react/tutorial/fetching-external-api.md
  • docs/start/framework/react/tutorial/reading-writing-file.md
  • examples/react/i18n-paraglide/index.html
  • examples/react/start-bun/README.md
  • examples/solid/i18n-paraglide/index.html
  • examples/solid/start-bun/README.md
🚧 Files skipped from review as they are similar to previous changes (7)
  • docs/start/framework/react/tutorial/fetching-external-api.md
  • docs/router/how-to/integrate-shadcn-ui.md
  • examples/react/start-bun/README.md
  • docs/router/quick-start.md
  • examples/react/i18n-paraglide/index.html
  • docs/router/how-to/setup-ssr.md
  • examples/solid/start-bun/README.md

📝 Walkthrough

Walkthrough

Documentation, tutorials, and example files were updated to replace deprecated scaffold commands with the TanStack CLI (@tanstack/cli create), adjust the addon flag (--add-on--add-ons), and update meta descriptions in example HTML files.

Changes

Cohort / File(s) Summary
Docs — Quick-start & Tutorials
docs/router/quick-start.md, docs/router/how-to/setup-ssr.md, docs/start/framework/react/tutorial/fetching-external-api.md, docs/start/framework/react/tutorial/reading-writing-file.md, docs/router/how-to/integrate-shadcn-ui.md
Replaced deprecated scaffolding commands with npx @tanstack/cli create ...; updated addon flag examples from --add-on to --add-ons and adjusted related command snippets.
Example HTML Meta Descriptions
examples/react/i18n-paraglide/index.html, examples/solid/i18n-paraglide/index.html
Updated meta description text 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
Changed installation/init examples from bunx create-start-app@latest to bunx @tanstack/cli create.

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~10 minutes

Poem

🐇 I hopped through docs with glee tonight,
Replaced old names and set flags right,
Meta lines shimmer, READMEs sing,
TanStack CLI now leads the spring,
A tiny hop for me — code feels light.

🚥 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 clearly and specifically describes the main change: replacing deprecated CLI commands with the new @tanstack/cli create command across documentation.
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
📝 Coding Plan
  • Generate coding plan for human review comments

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

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

Tip

CodeRabbit can enforce grammar and style rules using `languagetool`.

Configure the reviews.tools.languagetool setting to enable/disable rules and categories. Refer to the LanguageTool Community to learn more.

@2nofa11 2nofa11 force-pushed the chore/update-deprecated-cli-commands branch from 0ce1223 to f94a940 Compare February 23, 2026 06:37
Copy link
Contributor

@coderabbitai coderabbitai bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

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.

@2nofa11 2nofa11 force-pushed the chore/update-deprecated-cli-commands branch from f94a940 to 0da98f7 Compare March 14, 2026 13:29
@changeset-bot
Copy link

changeset-bot bot commented Mar 14, 2026

⚠️ No Changeset found

Latest commit: 0da98f7

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

@github-actions
Copy link
Contributor

Bundle Size Benchmarks

  • Commit: 29c0201441b5
  • Measured at: 2026-03-14T13:31:50.833Z
  • Baseline source: history:29c0201441b5
  • Dashboard: bundle-size history
Scenario Current (gzip) Delta vs baseline Raw Brotli Trend
react-router.minimal 87.13 KiB 0 B (0.00%) 274.22 KiB 75.76 KiB ▂▂▂▂▁██████
react-router.full 90.13 KiB 0 B (0.00%) 284.48 KiB 78.44 KiB ▂▂▂▂▁██████
solid-router.minimal 36.48 KiB 0 B (0.00%) 109.43 KiB 32.81 KiB ▁▁▁▁▁██████
solid-router.full 40.80 KiB 0 B (0.00%) 122.40 KiB 36.66 KiB ▁▁▁▁▁██████
vue-router.minimal 52.35 KiB 0 B (0.00%) 149.47 KiB 47.02 KiB ▁▁▁▁▁██████
vue-router.full 57.14 KiB 0 B (0.00%) 164.98 KiB 51.26 KiB ▁▁▁▁▁██████
react-start.minimal 99.71 KiB 0 B (0.00%) 313.37 KiB 86.21 KiB ▂▂▂▂▁██████
react-start.full 103.02 KiB 0 B (0.00%) 323.10 KiB 89.08 KiB ▂▂▂▂▁██████
solid-start.minimal 48.79 KiB 0 B (0.00%) 147.02 KiB 43.13 KiB ▁▁▁▁▁██████
solid-start.full 54.26 KiB 0 B (0.00%) 162.88 KiB 47.81 KiB ▁▁▁▁▁██████

Trend sparkline is historical gzip bytes ending with this PR measurement; lower is better.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

documentation Everything documentation related

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants