Skip to content

Conversation

@serhalp
Copy link
Contributor

@serhalp serhalp commented Nov 3, 2025

Revamp the Netlify hosting docs again so that they:

  • focus on a single default golden path that is precise and works for most use cases;
  • then call out alternatives separately in subsections, for those that need them.

Also add links out to further Netlify docs where appropriate to increase discoverability and troubleshootability.

Summary by CodeRabbit

  • Documentation
    • Expanded Netlify hosting guides for React and Solid with step‑by‑step plugin installation and Vite config guidance
    • Added Netlify CLI deployment instructions, manual configuration notes (including netlify.toml context), and guidance for setting build settings in the Netlify dashboard
    • Added a new "Other deployment methods" section with links to additional Netlify resources

@github-actions github-actions bot added the documentation Everything documentation related label Nov 3, 2025
@coderabbitai
Copy link
Contributor

coderabbitai bot commented Nov 3, 2025

Walkthrough

Netlify hosting docs for React and Solid were expanded with explicit plugin installation commands, updated Vite config examples showing plugin usage, added Netlify CLI deployment instructions, preserved netlify.toml guidance, and an "Other deployment methods" section with links.

Changes

Cohort / File(s) Summary
Netlify docs — React & Solid
docs/start/framework/react/guide/hosting.md, docs/start/framework/solid/guide/hosting.md
Added installation commands for @netlify/vite-plugin-tanstack-start (npm/pnpm/yarn notes), updated vite.config.ts examples to import and include netlify() with inline placement comments, replaced the brief netlify.toml note with Netlify CLI deployment steps (npx netlify deploy) and expanded "Manual configuration", and added an "Other deployment methods" section with Netlify documentation links.

Sequence Diagram(s)

sequenceDiagram
  autonumber
  participant Dev as Developer
  participant Vite as Vite (build)
  participant NetlifyCLI as Netlify CLI
  participant Netlify as Netlify

  rect rgba(200,230,255,0.3)
    Dev->>Vite: add `@netlify/vite-plugin-tanstack-start` plugin
    Dev->>Vite: run build (vite)
  end

  rect rgba(200,255,200,0.2)
    Dev->>NetlifyCLI: npx netlify deploy --prod (or interactive)
    NetlifyCLI->>Netlify: upload assets / trigger deploy
    Netlify-->>Dev: deploy status / URL
  end

  note over NetlifyCLI,Netlify: Alternative flows documented: netlify.toml, Netlify app build settings, Git-based deploys
Loading

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~10 minutes

  • Check accuracy of CLI commands and package manager lines across both files.
  • Verify vite.config.ts import/usage examples, inline comments, and plugin placement are syntactically correct.
  • Ensure links and "Other deployment methods" references point to intended Netlify docs.

Possibly related PRs

Suggested reviewers

  • schiller-manuel
  • birkskyum

Poem

🐰 I hopped through docs with a tiny clap,
added plugins, examples, and a deploy map.
Netlify CLI lights the way,
React and Solid ship today — hooray! 🚀

Pre-merge checks and finishing touches

✅ Passed checks (2 passed)
Check name Status Explanation
Description Check ✅ Passed Check skipped - CodeRabbit’s high-level summary is enabled.
Title check ✅ Passed The title directly describes the main objective of the changeset—improving Netlify hosting documentation to be more precise and actionable. It accurately reflects the substantive changes made across both React and Solid guides.
✨ Finishing touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Post copyable unit tests in a comment

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.

@nx-cloud
Copy link

nx-cloud bot commented Nov 3, 2025

View your CI Pipeline Execution ↗ for commit 72974cc

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

☁️ Nx Cloud last updated this comment at 2025-11-03 23:55:46 UTC

@pkg-pr-new
Copy link

pkg-pr-new bot commented Nov 3, 2025

More templates

@tanstack/arktype-adapter

npm i https://pkg.pr.new/TanStack/router/@tanstack/arktype-adapter@5747

@tanstack/directive-functions-plugin

npm i https://pkg.pr.new/TanStack/router/@tanstack/directive-functions-plugin@5747

@tanstack/eslint-plugin-router

npm i https://pkg.pr.new/TanStack/router/@tanstack/eslint-plugin-router@5747

@tanstack/history

npm i https://pkg.pr.new/TanStack/router/@tanstack/history@5747

@tanstack/nitro-v2-vite-plugin

npm i https://pkg.pr.new/TanStack/router/@tanstack/nitro-v2-vite-plugin@5747

@tanstack/react-router

npm i https://pkg.pr.new/TanStack/router/@tanstack/react-router@5747

@tanstack/react-router-devtools

npm i https://pkg.pr.new/TanStack/router/@tanstack/react-router-devtools@5747

@tanstack/react-router-ssr-query

npm i https://pkg.pr.new/TanStack/router/@tanstack/react-router-ssr-query@5747

@tanstack/react-start

npm i https://pkg.pr.new/TanStack/router/@tanstack/react-start@5747

@tanstack/react-start-client

npm i https://pkg.pr.new/TanStack/router/@tanstack/react-start-client@5747

@tanstack/react-start-server

npm i https://pkg.pr.new/TanStack/router/@tanstack/react-start-server@5747

@tanstack/router-cli

npm i https://pkg.pr.new/TanStack/router/@tanstack/router-cli@5747

@tanstack/router-core

npm i https://pkg.pr.new/TanStack/router/@tanstack/router-core@5747

@tanstack/router-devtools

npm i https://pkg.pr.new/TanStack/router/@tanstack/router-devtools@5747

@tanstack/router-devtools-core

npm i https://pkg.pr.new/TanStack/router/@tanstack/router-devtools-core@5747

@tanstack/router-generator

npm i https://pkg.pr.new/TanStack/router/@tanstack/router-generator@5747

@tanstack/router-plugin

npm i https://pkg.pr.new/TanStack/router/@tanstack/router-plugin@5747

@tanstack/router-ssr-query-core

npm i https://pkg.pr.new/TanStack/router/@tanstack/router-ssr-query-core@5747

@tanstack/router-utils

npm i https://pkg.pr.new/TanStack/router/@tanstack/router-utils@5747

@tanstack/router-vite-plugin

npm i https://pkg.pr.new/TanStack/router/@tanstack/router-vite-plugin@5747

@tanstack/server-functions-plugin

npm i https://pkg.pr.new/TanStack/router/@tanstack/server-functions-plugin@5747

@tanstack/solid-router

npm i https://pkg.pr.new/TanStack/router/@tanstack/solid-router@5747

@tanstack/solid-router-devtools

npm i https://pkg.pr.new/TanStack/router/@tanstack/solid-router-devtools@5747

@tanstack/solid-router-ssr-query

npm i https://pkg.pr.new/TanStack/router/@tanstack/solid-router-ssr-query@5747

@tanstack/solid-start

npm i https://pkg.pr.new/TanStack/router/@tanstack/solid-start@5747

@tanstack/solid-start-client

npm i https://pkg.pr.new/TanStack/router/@tanstack/solid-start-client@5747

@tanstack/solid-start-server

npm i https://pkg.pr.new/TanStack/router/@tanstack/solid-start-server@5747

@tanstack/start-client-core

npm i https://pkg.pr.new/TanStack/router/@tanstack/start-client-core@5747

@tanstack/start-plugin-core

npm i https://pkg.pr.new/TanStack/router/@tanstack/start-plugin-core@5747

@tanstack/start-server-core

npm i https://pkg.pr.new/TanStack/router/@tanstack/start-server-core@5747

@tanstack/start-static-server-functions

npm i https://pkg.pr.new/TanStack/router/@tanstack/start-static-server-functions@5747

@tanstack/start-storage-context

npm i https://pkg.pr.new/TanStack/router/@tanstack/start-storage-context@5747

@tanstack/valibot-adapter

npm i https://pkg.pr.new/TanStack/router/@tanstack/valibot-adapter@5747

@tanstack/virtual-file-routes

npm i https://pkg.pr.new/TanStack/router/@tanstack/virtual-file-routes@5747

@tanstack/zod-adapter

npm i https://pkg.pr.new/TanStack/router/@tanstack/zod-adapter@5747

commit: 72974cc

Revamp the Netlify hosting docs again, to provide a single golden default path that is precise and
works for most use cases, and call out alternatives separately in subsections.

Also add links out to further Netlify docs where appropriate to increase discoverability and
troubleshootability.
@serhalp serhalp force-pushed the fix/add-netlify-docs-links branch from 63eeae8 to 72974cc Compare November 3, 2025 23:54
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

📜 Review details

Configuration used: CodeRabbit UI

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between 19b0083 and 72974cc.

📒 Files selected for processing (2)
  • docs/start/framework/react/guide/hosting.md (2 hunks)
  • docs/start/framework/solid/guide/hosting.md (2 hunks)
🧰 Additional context used
📓 Path-based instructions (2)
docs/**/*.{md,mdx}

📄 CodeRabbit inference engine (AGENTS.md)

Use internal docs links relative to the docs/ folder (e.g., ./guide/data-loading)

Files:

  • docs/start/framework/react/guide/hosting.md
  • docs/start/framework/solid/guide/hosting.md
docs/{router,start}/**

📄 CodeRabbit inference engine (AGENTS.md)

Place router docs under docs/router/ and start framework docs under docs/start/

Files:

  • docs/start/framework/react/guide/hosting.md
  • docs/start/framework/solid/guide/hosting.md
🪛 markdownlint-cli2 (0.18.1)
docs/start/framework/react/guide/hosting.md

192-192: Link text should be descriptive

(MD059, descriptive-link-text)

docs/start/framework/solid/guide/hosting.md

186-186: Link text should be descriptive

(MD059, descriptive-link-text)

⏰ Context from checks skipped due to timeout of 90000ms. You can increase the timeout in your CodeRabbit configuration to a maximum of 15 minutes (900000ms). (1)
  • GitHub Check: Preview
🔇 Additional comments (2)
docs/start/framework/solid/guide/hosting.md (1)

126-160: Well-structured golden path with clear setup steps.

The Netlify CLI-first deployment approach with proper installation instructions, config updates, and deployment commands provides an excellent primary path for users.

docs/start/framework/react/guide/hosting.md (1)

132-166: Consistent and comprehensive Netlify deployment guidance.

This matches the Solid framework structure and provides users with clear installation, configuration, and deployment steps. The Netlify CLI approach is set as the primary path while preserving manual configuration as an alternative.

Comment on lines +184 to +192
#### Other deployment methods

Netlify also supports other deployment methods, such as [continuous deployment from a git repo
hosted on GitHub, GitLab, or
others](https://docs.netlify.com/start/quickstarts/deploy-from-repository/), [starting from a
template](https://docs.netlify.com/start/quickstarts/deploy-from-template/), [deploying or
importing from an AI code generation
tool](https://docs.netlify.com/start/quickstarts/deploy-from-ai-code-generation-tool/), and
[more](https://docs.netlify.com/deploy/create-deploys/).
Copy link
Contributor

Choose a reason for hiding this comment

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

⚠️ Potential issue | 🟡 Minor

Improve link text descriptiveness for the "more" link.

The link text "[more]" at line 192 should be more descriptive to improve discoverability and clarify what users will find. This mirrors the same issue in the Solid framework documentation.

Apply this diff:

-tool](https://docs.netlify.com/start/quickstarts/deploy-from-ai-code-generation-tool/), and
-[more](https://docs.netlify.com/deploy/create-deploys/).
+tool](https://docs.netlify.com/start/quickstarts/deploy-from-ai-code-generation-tool/).

Then add:

+and [more deployment methods](https://docs.netlify.com/deploy/create-deploys/).
🧰 Tools
🪛 markdownlint-cli2 (0.18.1)

192-192: Link text should be descriptive

(MD059, descriptive-link-text)

🤖 Prompt for AI Agents
In docs/start/framework/react/guide/hosting.md around lines 184 to 192, replace
the non‑descriptive link text "[more]" with a clearer, descriptive phrase such
as "additional Netlify deployment options" (or "learn about additional Netlify
deployment methods") so the link text explains what users will find; update the
link anchor only (keeping the same URL) and ensure the wording matches
surrounding sentence grammar.

Comment on lines +178 to +186
#### Other deployment methods

Netlify also supports other deployment methods, such as [continuous deployment from a git repo
hosted on GitHub, GitLab, or
others](https://docs.netlify.com/start/quickstarts/deploy-from-repository/), [starting from a
template](https://docs.netlify.com/start/quickstarts/deploy-from-template/), [deploying or
importing from an AI code generation
tool](https://docs.netlify.com/start/quickstarts/deploy-from-ai-code-generation-tool/), and
[more](https://docs.netlify.com/deploy/create-deploys/).
Copy link
Contributor

Choose a reason for hiding this comment

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

⚠️ Potential issue | 🟡 Minor

Improve link text descriptiveness for the "more" link.

The link text "[more]" at line 186 is not descriptive and doesn't clearly indicate what users will find at the destination. Consider updating it to something like "more deployment methods" to improve discoverability.

Apply this diff:

-and
+and [more deployment methods](https://docs.netlify.com/deploy/create-deploys/).

And adjust the preceding text:

-tool](https://docs.netlify.com/start/quickstarts/deploy-from-ai-code-generation-tool/), and
-[more](https://docs.netlify.com/deploy/create-deploys/).
+tool](https://docs.netlify.com/start/quickstarts/deploy-from-ai-code-generation-tool/).

Committable suggestion skipped: line range outside the PR's diff.

🧰 Tools
🪛 markdownlint-cli2 (0.18.1)

186-186: Link text should be descriptive

(MD059, descriptive-link-text)

🤖 Prompt for AI Agents
In docs/start/framework/solid/guide/hosting.md around lines 178 to 186, the link
text "[more]" is not descriptive; update the link label to something clear like
"more deployment methods" and adjust the preceding sentence so it reads
naturally (for example: "...and more deployment methods.") ensuring the link URL
remains https://docs.netlify.com/deploy/create-deploys/ and the sentence
punctuation and spacing are correct.

@schiller-manuel schiller-manuel merged commit cff1b2c into TanStack:main Nov 4, 2025
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