feat(web-tanstack): add TanStack Start app shell with tRPC client

This commit is contained in:
2026-04-06 14:50:16 +02:00
parent 2b9a1adafd
commit 8836fa5333
4 changed files with 143 additions and 3 deletions

View File

@@ -4,17 +4,24 @@
"version": "0.0.0",
"type": "module",
"scripts": {
"build": "echo 'placeholder'",
"build": "echo 'placeholder — TanStack Start build configured in later plan'",
"dev": "echo 'placeholder'",
"lint": "eslint .",
"typecheck": "tsc --noEmit"
},
"dependencies": {
"@repo/api": "workspace:*",
"@repo/api-client": "workspace:*",
"@repo/ui": "workspace:*"
"@repo/ui": "workspace:*",
"@tanstack/react-router": "^1.120.0",
"react": "^19.0.0",
"react-dom": "^19.0.0"
},
"devDependencies": {
"@repo/eslint-config": "workspace:*",
"@repo/typescript-config": "workspace:*"
"@repo/typescript-config": "workspace:*",
"@types/node": "^22.0.0",
"@types/react": "^19.0.0",
"@types/react-dom": "^19.0.0"
}
}

View File

@@ -0,0 +1,10 @@
import { Outlet, createRootRoute } from "@tanstack/react-router";
import { ApiProvider } from "@repo/api-client";
export const Route = createRootRoute({
component: () => (
<ApiProvider trpcUrl="http://localhost:3000/api/trpc">
<Outlet />
</ApiProvider>
),
});

View File

@@ -0,0 +1,14 @@
import { createFileRoute } from "@tanstack/react-router";
export const Route = createFileRoute("/")({
component: Home,
});
function Home() {
return (
<main>
<h1>Template TanStack Start</h1>
<p>Clean Architecture Monorepo Template</p>
</main>
);
}