Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/seancassiere/start-basic-cf-pages
Testing the deployment of the "start-basic" example using Cloudflare pages
https://github.com/seancassiere/start-basic-cf-pages
tanstack-router tanstack-start
Last synced: 21 days ago
JSON representation
Testing the deployment of the "start-basic" example using Cloudflare pages
- Host: GitHub
- URL: https://github.com/seancassiere/start-basic-cf-pages
- Owner: SeanCassiere
- Created: 2024-07-22T02:03:26.000Z (4 months ago)
- Default Branch: master
- Last Pushed: 2024-08-22T02:40:55.000Z (3 months ago)
- Last Synced: 2024-10-06T11:06:32.994Z (about 1 month ago)
- Topics: tanstack-router, tanstack-start
- Language: TypeScript
- Homepage: https://start-basic-cf-pages.pages.dev
- Size: 665 KB
- Stars: 2
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Welcome to TanStack.com!
This site is built with TanStack Router!
- [TanStack Router Docs](https://tanstack.com/router)
It's deployed automagically with Vercel!
- [Vercel](https://vercel.com/)
## Development
From your terminal:
```sh
pnpm install
pnpm dev
```
This starts your app in development mode, rebuilding assets on file changes.
## Editing and previewing the docs of TanStack projects locally
The documentations for all TanStack projects except for `React Charts` are hosted on [https://tanstack.com](https://tanstack.com), powered by this TanStack Router app.
In production, the markdown doc pages are fetched from the GitHub repos of the projects, but in development they are read from the local file system.
Follow these steps if you want to edit the doc pages of a project (in these steps we'll assume it's [`TanStack/form`](https://github.com/tanstack/form)) and preview them locally :
1. Create a new directory called `tanstack`.
```sh
mkdir tanstack
```
2. Enter the directory and clone this repo and the repo of the project there.
```sh
cd tanstack
git clone [email protected]:TanStack/tanstack.com.git
git clone [email protected]:TanStack/form.git
```
> [!NOTE]
> Your `tanstack` directory should look like this:
>
> ```
> tanstack/
> |
> +-- form/
> |
> +-- tanstack.com/
> ```
> [!WARNING]
> Make sure the name of the directory in your local file system matches the name of the project's repo. For example, `tanstack/form` must be cloned into `form` (this is the default) instead of `some-other-name`, because that way, the doc pages won't be found.
3. Enter the `tanstack/tanstack.com` directory, install the dependencies and run the app in dev mode:
```sh
cd tanstack.com
pnpm i
# The app will run on https://localhost:3000 by default
pnpm dev
```
4. Now you can visit http://localhost:3000/form/latest/docs/overview in the browser and see the changes you make in `tanstack/form/docs`.
> [!NOTE]
> The updated pages need to be manually reloaded in the browser.
> [!WARNING]
> You will need to update the `docs/config.json` file (in the project's repo) if you add a new doc page!