The marketing and docs site for all TanStack projects
The home of the TanStack ecosystem. Built with TanStack Router and deployed automagically with Netlify.
From your terminal:
pnpm install
pnpm dev
This starts your app in development mode, rebuilding assets on file changes.
The documentation for all TanStack projects (except React Charts) is hosted on tanstack.com. In production, doc pages are fetched from GitHub. In development, they’re read from your local file system.
Pre-commit hooks run smoke tests against these docs, so you’ll need sibling repos cloned for commits to pass.
Create a tanstack parent directory and clone this repo alongside the projects:
mkdir tanstack && cd tanstack
git clone git@github.com:TanStack/tanstack.com.git
git clone git@github.com:TanStack/query.git
git clone git@github.com:TanStack/router.git
git clone git@github.com:TanStack/table.git
Your directory structure should look like this:
tanstack/
├── tanstack.com/
├── query/
├── router/
└── table/
[!WARNING]
Directory names must match repo names exactly (e.g.,querynottanstack-query). The app finds docs by looking for sibling directories by name.
To edit docs for a project, make changes in its docs/ folder (e.g., ../form/docs/) and visit http://localhost:3000/form/latest/docs/overview to preview.
[!NOTE]
Updated pages need to be manually reloaded in the browser.
[!WARNING]
Update the project’sdocs/config.jsonif you add a new doc page!
… and more at TanStack.com »