feat(core-trpc): add typed React tRPC client + getQueryClient

packages/core-api/src/root.ts

@@ -15,9 +15,4 @@ export const appRouter = router({
   navigation: navigationRouter,
 });
 
-export type AppRouter = {
-  auth: AuthRouter;
-  blog: BlogRouter;
-  marketingPages: MarketingPagesRouter;
-  navigation: NavigationRouter;
-};
+export type AppRouter = typeof appRouter;

packages/core-trpc/package.json

@@ -16,6 +16,7 @@
     "@trpc/client": "^11.0.0",
     "@trpc/react-query": "^11.0.0",
     "@trpc/server": "^11.0.0",
+    "@trpc/tanstack-react-query": "^11.1.0",
     "@tanstack/react-query": "^5.66.0",
     "react": "^19.0.0",
     "superjson": "^2.2.1"

packages/core-trpc/src/client.ts

@@ -0,0 +1,6 @@
+"use client";
+
+import { createTRPCContext } from "@trpc/tanstack-react-query";
+import type { AppRouter } from "@repo/core-api";
+
+export const { TRPCProvider, useTRPC } = createTRPCContext<AppRouter>();

packages/core-trpc/src/index.ts

@@ -1 +1,3 @@
-export {};
+export { useTRPC, TRPCProvider } from "./client";
+export { getQueryClient } from "./query-client";
+export type { AppRouter } from "@repo/core-api";

packages/core-trpc/src/query-client.ts

@@ -0,0 +1,22 @@
+import { QueryClient } from "@tanstack/react-query";
+
+let clientQueryClient: QueryClient | undefined;
+
+const defaultOptions = {
+  queries: {
+    staleTime: 30 * 1000,
+    refetchOnWindowFocus: false,
+  },
+};
+
+export function getQueryClient(): QueryClient {
+  if (typeof window === "undefined") {
+    // Server: always create a new instance per request
+    return new QueryClient({ defaultOptions });
+  }
+  // Browser: singleton
+  if (!clientQueryClient) {
+    clientQueryClient = new QueryClient({ defaultOptions });
+  }
+  return clientQueryClient;
+}