Skip to content

Commit d25873c

Browse files
committed
feat: add TanStack Start basic example
1 parent cc66db2 commit d25873c

27 files changed

Lines changed: 1994 additions & 381 deletions

pnpm-lock.yaml

Lines changed: 1048 additions & 306 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.
Lines changed: 9 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -1,20 +1,13 @@
11
node_modules
2-
package-lock.json
3-
yarn.lock
4-
52
.DS_Store
6-
.cache
3+
dist
4+
dist-ssr
5+
*.local
76
.env
8-
.vercel
9-
.output
107
.nitro
11-
/build/
12-
/api/
13-
/server/build
14-
/public/build# Sentry Config File
15-
.env.sentry-build-plugin
16-
/test-results/
17-
/playwright-report/
18-
/blob-report/
19-
/playwright/.cache/
20-
.tanstack
8+
.tanstack
9+
.wrangler
10+
.output
11+
.vinxi
12+
__unconfig*
13+
todos.json
Lines changed: 18 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -1,36 +1,32 @@
1-
# TanStack Start - Basic Example
1+
Welcome to your new TanStack Start app!
22

3-
This is the basic TanStack Start example, demonstrating the fundamentals of building applications with TanStack Router and TanStack Start.
3+
# Getting Started
44

5-
- [TanStack Router Docs](https://tanstack.com/router)
5+
To run this application:
66

7-
It's deployed automagically with Netlify!
8-
9-
- [Netlify](https://netlify.com/)
7+
```bash
8+
pnpm install
9+
pnpm dev
10+
```
1011

11-
## Start a new project based on this example
12+
# Building For Production
1213

13-
To start a new project based on this example, run:
14+
To build this application for production:
1415

15-
```sh
16-
npx gitpick TanStack/router/tree/main/examples/react/start-basic start-basic
16+
```bash
17+
pnpm build
1718
```
1819

19-
## Getting Started
20+
## Styling
2021

21-
From your terminal:
22+
This project uses [Tailwind CSS](https://tailwindcss.com/) for styling.
2223

23-
```sh
24-
pnpm install
25-
pnpm dev
26-
```
24+
## Routing
2725

28-
This starts your app in development mode, rebuilding assets on file changes.
26+
This project uses [TanStack Router](https://tanstack.com/router) with file-based routing. Routes are managed as files in `src/routes`.
2927

30-
## Build
28+
# Learn More
3129

32-
To build the app for production:
30+
You can learn more about all of the offerings from TanStack in the [TanStack documentation](https://tanstack.com).
3331

34-
```sh
35-
pnpm build
36-
```
32+
For TanStack Start specific documentation, visit [TanStack Start](https://tanstack.com/start).

rsbuild/tanstack-start-rsc/package.json

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -12,20 +12,20 @@
1212
"@tanstack/react-router-devtools": "^1.167.0",
1313
"@tanstack/react-start": "^1.168.19",
1414
"dexie": "^4.0.10",
15-
"react": "^19.2.0",
16-
"react-dom": "^19.2.0",
15+
"react": "^19.2.7",
16+
"react-dom": "^19.2.7",
1717
"srvx": "^0.11.16",
18+
"tailwindcss": "^4.3.0",
1819
"zod": "^4.4.3",
1920
"zustand": "^5.0.10"
2021
},
2122
"devDependencies": {
22-
"@rsbuild/core": "^2.0.9",
23-
"@rsbuild/plugin-react": "^2.0.0",
23+
"@rsbuild/core": "^2.0.11",
24+
"@rsbuild/plugin-react": "^2.0.1",
2425
"@rsbuild/plugin-tailwindcss": "^2.0.1",
2526
"@types/node": "22.10.2",
2627
"@types/react": "^19.2.2",
2728
"@types/react-dom": "^19.2.2",
28-
"tailwindcss": "^4.1.18",
2929
"typescript": "^6.0.3"
3030
}
3131
}
Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
{
2+
"short_name": "TanStack App",
3+
"name": "Create TanStack App Sample",
4+
"icons": [
5+
{
6+
"src": "favicon.ico",
7+
"sizes": "64x64 32x32 24x24 16x16",
8+
"type": "image/x-icon"
9+
},
10+
{
11+
"src": "logo192.png",
12+
"type": "image/png",
13+
"sizes": "192x192"
14+
},
15+
{
16+
"src": "logo512.png",
17+
"type": "image/png",
18+
"sizes": "512x512"
19+
}
20+
],
21+
"start_url": ".",
22+
"display": "standalone",
23+
"theme_color": "#000000",
24+
"background_color": "#ffffff"
25+
}
Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
# https://www.robotstxt.org/robotstxt.html
2+
User-agent: *
3+
Disallow:

rsbuild/tanstack-start-rsc/public/site.webmanifest

Lines changed: 0 additions & 19 deletions
This file was deleted.
Lines changed: 20 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -1,21 +1,28 @@
11
{
2-
"include": ["**/*.ts", "**/*.tsx", "**/*.d.ts"],
2+
"include": ["**/*.ts", "**/*.tsx"],
33
"compilerOptions": {
4-
"strict": true,
5-
"esModuleInterop": true,
4+
"target": "ES2022",
65
"jsx": "react-jsx",
76
"module": "ESNext",
8-
"moduleResolution": "Bundler",
9-
"lib": ["DOM", "DOM.Iterable", "ES2024"],
10-
"isolatedModules": true,
11-
"resolveJsonModule": true,
12-
"skipLibCheck": true,
13-
"target": "ES2024",
14-
"allowJs": true,
15-
"forceConsistentCasingInFileNames": true,
167
"paths": {
17-
"~/*": ["./src/*"]
8+
"#/*": ["./src/*"],
9+
"@/*": ["./src/*"]
1810
},
19-
"noEmit": true
11+
"lib": ["ES2022", "DOM", "DOM.Iterable"],
12+
"types": ["node"],
13+
14+
/* Bundler mode */
15+
"moduleResolution": "bundler",
16+
"allowImportingTsExtensions": true,
17+
"verbatimModuleSyntax": true,
18+
"noEmit": true,
19+
20+
/* Linting */
21+
"skipLibCheck": true,
22+
"strict": true,
23+
"noUnusedLocals": true,
24+
"noUnusedParameters": true,
25+
"noFallthroughCasesInSwitch": true,
26+
"noUncheckedSideEffectImports": true
2027
}
2128
}

rsbuild/tanstack-start/.gitignore

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
node_modules
2+
.DS_Store
3+
dist
4+
dist-ssr
5+
*.local
6+
.env
7+
.nitro
8+
.tanstack
9+
.wrangler
10+
.output
11+
.vinxi
12+
__unconfig*
13+
todos.json

rsbuild/tanstack-start/README.md

Lines changed: 32 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,32 @@
1+
Welcome to your new TanStack Start app!
2+
3+
# Getting Started
4+
5+
To run this application:
6+
7+
```bash
8+
pnpm install
9+
pnpm dev
10+
```
11+
12+
# Building For Production
13+
14+
To build this application for production:
15+
16+
```bash
17+
pnpm build
18+
```
19+
20+
## Styling
21+
22+
This project uses [Tailwind CSS](https://tailwindcss.com/) for styling.
23+
24+
## Routing
25+
26+
This project uses [TanStack Router](https://tanstack.com/router) with file-based routing. Routes are managed as files in `src/routes`.
27+
28+
# Learn More
29+
30+
You can learn more about all of the offerings from TanStack in the [TanStack documentation](https://tanstack.com).
31+
32+
For TanStack Start specific documentation, visit [TanStack Start](https://tanstack.com/start).

0 commit comments

Comments
 (0)