Skip to content

docs: use @tanstack/cli to create tanstack/router app#7008

Merged
birkskyum merged 4 commits intoTanStack:mainfrom
kurekszymon:main
Mar 23, 2026
Merged

docs: use @tanstack/cli to create tanstack/router app#7008
birkskyum merged 4 commits intoTanStack:mainfrom
kurekszymon:main

Conversation

@kurekszymon
Copy link
Contributor

@kurekszymon kurekszymon commented Mar 21, 2026

upadted quickstart docs to reduce friction, since create-tsrouter-app is now marked as deprecated, and usage of @tanstack/cli is recommended now, as per warning given on project scaffold

Warning: create-tsrouter-app is deprecated. Use "tanstack create --router-only" or "npx @tanstack/cli create --router-only" instead.
         This defaults to router-only compatibility mode (file-based routing, no Start-specific add-ons)

there are still two places where create-ts-router is referenced, but they are using custom templates - shadcn and start which is not supported with new command

bunx @tanstack/cli create --router-only my-app --template code-route
│
▲  The --router-only flag enables router-only compatibility mode. Start-dependent add-ons, deployment adapters, and templates are disabled; only the base template and optional toolchain are supported.

Summary by CodeRabbit

  • Documentation
    • Updated quick-start scaffold commands to use the unified CLI with a router-only option (Solid gets an explicit framework flag).
    • Replaced legacy CLI links with the general CLI documentation.
    • Reorganized routing guides into framework-specific (React, Solid) sections linking to live file- and code-based examples.
    • Clarified "for more details" links throughout routing docs.

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

coderabbitai bot commented Mar 21, 2026

Note

Reviews paused

It looks like this branch is under active development. To avoid overwhelming you with review comments due to an influx of new commits, CodeRabbit has automatically paused this review. You can configure this behavior by changing the reviews.auto_review.auto_pause_after_reviewed_commits setting.

Use the following commands to manage reviews:

  • @coderabbitai resume to resume automatic reviews.
  • @coderabbitai review to trigger a single review.

Use the checkboxes below for quick actions:

  • ▶️ Resume reviews
  • 🔍 Trigger review
📝 Walkthrough

Walkthrough

Updated quick-start scaffold commands to use @tanstack/cli create --router-only (add --framework solid for Solid), replaced the create-tsrouter-app "full details" link with the @tanstack/cli docs, and swapped per-framework template/CLI tabs for framework-specific example links for file- and code-based routing.

Changes

Cohort / File(s) Summary
Quick-start documentation
docs/router/quick-start.md
Replaced create-tsrouter-app@latest scaffold commands with @tanstack/cli create --router-only (add --framework solid for Solid), updated the "full details" link to point to @tanstack/cli docs, and replaced per-framework CLI/template tabs with framework-specific live example links for file-based and code-based routing.

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~10 minutes

Poem

🐰 I hopped through lines with nimble feet,
Swapped old CLI seeds for something neat,
Links now point where examples play,
Quick-start trimmed and bright today. 🥕

🚥 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 'docs: use @tanstack/cli to create tanstack/router app' directly and clearly summarizes the main change: updating documentation to recommend @tanstack/cli instead of the deprecated create-tsrouter-app for creating router applications.
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

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.

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 (1)
docs/router/quick-start.md (1)

32-47: ⚠️ Potential issue | 🟡 Minor

Section promises direct commands but none are shown.

Line 32 says users can run commands directly, but this section no longer includes those examples, and the remaining tab end-markers suggest an incomplete edit. Please either restore direct command examples or reword the intro text to avoid a dead-end.

🤖 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 32 - 47, The intro claims users can
"use these commands directly" but no commands are present and leftover tab
markers imply an incomplete edit; either restore example commands (e.g.,
one-liners for generating file-based routes and for scaffolding code-based
routes) under the "File-Based Route Generation" and "Code-Based Route
Configuration" headings, or change the opening sentence to something accurate
(e.g., "You can choose file-based or code-based route configurations during CLI
setup" or "Use the CLI to scaffold routes; examples below show approaches") and
remove the stray tab markers, updating the content around the "File-Based Route
Generation" and "Code-Based Route Configuration" headings accordingly.
🤖 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 32-47: The intro claims users can "use these commands directly"
but no commands are present and leftover tab markers imply an incomplete edit;
either restore example commands (e.g., one-liners for generating file-based
routes and for scaffolding code-based routes) under the "File-Based Route
Generation" and "Code-Based Route Configuration" headings, or change the opening
sentence to something accurate (e.g., "You can choose file-based or code-based
route configurations during CLI setup" or "Use the CLI to scaffold routes;
examples below show approaches") and remove the stray tab markers, updating the
content around the "File-Based Route Generation" and "Code-Based Route
Configuration" headings accordingly.

ℹ️ Review info
⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: c0eec97b-d16f-48a0-a056-fed322c4aa47

📥 Commits

Reviewing files that changed from the base of the PR and between d7445e0 and e27d5d8.

📒 Files selected for processing (1)
  • docs/router/quick-start.md

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.

🧹 Nitpick comments (1)
docs/router/quick-start.md (1)

28-28: Update link to official documentation for better user experience.

Replace the GitHub repository link with the official @tanstack/cli documentation at https://tanstack.com/cli/latest/docs/overview or https://tanstack.com/cli/latest/docs, which provides dedicated documentation for CLI usage and options.

🤖 Prompt for AI Agents
Verify each finding against the current code and only fix it if needed.

In `@docs/router/quick-start.md` at line 28, Update the link target for the
referenced "@tanstack/cli documentation" in the sentence containing
"`@tanstack/cli` documentation" so it points to the official docs (use
https://tanstack.com/cli/latest/docs/overview or
https://tanstack.com/cli/latest/docs) instead of the GitHub repo; keep the
visible text unchanged but replace the URL in the existing markdown link to the
tanstack.com CLI docs.
🤖 Prompt for all review comments with AI agents
Verify each finding against the current code and only fix it if needed.

Nitpick comments:
In `@docs/router/quick-start.md`:
- Line 28: Update the link target for the referenced "@tanstack/cli
documentation" in the sentence containing "`@tanstack/cli` documentation" so it
points to the official docs (use https://tanstack.com/cli/latest/docs/overview
or https://tanstack.com/cli/latest/docs) instead of the GitHub repo; keep the
visible text unchanged but replace the URL in the existing markdown link to the
tanstack.com CLI docs.

ℹ️ Review info
⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: eda8b42d-3f44-4747-a447-12c6f24cf7d1

📥 Commits

Reviewing files that changed from the base of the PR and between e27d5d8 and 1db9633.

📒 Files selected for processing (1)
  • docs/router/quick-start.md

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.

Actionable comments posted: 2

🤖 Prompt for all review comments with AI agents
Verify each finding against the current code and only fix it if needed.

Inline comments:
In `@docs/router/quick-start.md`:
- Line 56: Replace the absolute URL in the markdown link labeled "code-based
routing documentation" with a relative repository link to the local doc (use
"routing/code-based-routing.md") so the link points to the internal file; update
the link target in the line containing "For more details, see the [code-based
routing
documentation](https://tanstack.com/router/latest/docs/routing/code-based-routing)
or" to use "[code-based routing documentation](routing/code-based-routing.md)".
- Line 38: In docs/router/quick-start.md replace the absolute URL to TanStack
Router's file-based routing with a repository-relative link pointing to
routing/file-based-routing.md (i.e., use the file-relative path instead of
https://tanstack.com/...), and also update the similar absolute link at the
later reference (line noted in the review) to routing/code-based-routing.md so
both internal docs use relative links.

ℹ️ Review info
⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: aa8e02f6-7963-47c5-a131-d421b0f92d3a

📥 Commits

Reviewing files that changed from the base of the PR and between 1db9633 and 4356a58.

📒 Files selected for processing (1)
  • docs/router/quick-start.md

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.

♻️ Duplicate comments (1)
docs/router/quick-start.md (1)

38-38: ⚠️ Potential issue | 🟡 Minor

Inconsistent file extension in relative links.

Line 38 uses ./routing/file-based-routing without the .md extension, while line 56 uses ./routing/code-based-routing.md with the extension. For consistency, both should use the same format.

📝 Proposed fix for consistency

Option 1: Remove .md from line 56 to match line 38:

-For more details, see the [code-based routing documentation](./routing/code-based-routing.md) or
+For more details, see the [code-based routing documentation](./routing/code-based-routing) or

Option 2: Add .md to line 38 to match line 56:

-For more details, see the [file-based routing documentation](./routing/file-based-routing) or
+For more details, see the [file-based routing documentation](./routing/file-based-routing.md) or

Either approach works; choose whichever convention is preferred for the project.

Also applies to: 56-56

🤖 Prompt for AI Agents
Verify each finding against the current code and only fix it if needed.

In `@docs/router/quick-start.md` at line 38, Update the inconsistent relative link
extensions in the quick-start content: choose one convention and make both links
match — either change './routing/file-based-routing' to
'./routing/file-based-routing.md' or change './routing/code-based-routing.md' to
'./routing/code-based-routing' so the two links use the same format; adjust the
string that appears in the text for consistency wherever referenced.
🤖 Prompt for all review comments with AI agents
Verify each finding against the current code and only fix it if needed.

Duplicate comments:
In `@docs/router/quick-start.md`:
- Line 38: Update the inconsistent relative link extensions in the quick-start
content: choose one convention and make both links match — either change
'./routing/file-based-routing' to './routing/file-based-routing.md' or change
'./routing/code-based-routing.md' to './routing/code-based-routing' so the two
links use the same format; adjust the string that appears in the text for
consistency wherever referenced.

ℹ️ Review info
⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: 3f2c42bd-c27d-4f6e-a6b3-f1bf98d442a1

📥 Commits

Reviewing files that changed from the base of the PR and between 4356a58 and 71926d3.

📒 Files selected for processing (1)
  • docs/router/quick-start.md

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.

Actionable comments posted: 1

🤖 Prompt for all review comments with AI agents
Verify each finding against the current code and only fix it if needed.

Inline comments:
In `@docs/router/quick-start.md`:
- Around line 40-50: The duplicated top-level headings "# React" and "# Solid"
in quick-start.md cause markdownlint MD001/MD024 warnings; change these repeated
headings to non-heading labels (e.g., replace "# React" and "# Solid" with
"**React**" and "**Solid**") or use uniquely scoped lower-level headings (e.g.,
"## React — Framework" / "## Solid — Framework") to preserve heading hierarchy,
and make the same adjustment for the other occurrences around lines 58-68 so
headings are unique and the document's heading progression remains valid.

ℹ️ Review info
⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: e01d33d5-42e0-4fb9-9734-d027c879bfbe

📥 Commits

Reviewing files that changed from the base of the PR and between 71926d3 and 9668511.

📒 Files selected for processing (1)
  • docs/router/quick-start.md

Copy link
Member

@birkskyum birkskyum left a comment

Choose a reason for hiding this comment

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

Thanks!

@nx-cloud
Copy link

nx-cloud bot commented Mar 23, 2026

View your CI Pipeline Execution ↗ for commit 9668511

Command Status Duration Result
nx run-many --target=build --exclude=examples/*... ✅ Succeeded 1m 49s View ↗
nx affected --targets=test:eslint,test:unit,tes... ✅ Succeeded <1s View ↗

☁️ Nx Cloud last updated this comment at 2026-03-23 17:54:14 UTC

@birkskyum birkskyum merged commit 8d5ea2d into TanStack:main Mar 23, 2026
5 of 6 checks passed
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