feat(core-trpc): scaffold tRPC client with React Query providers

- createTRPCContext + useTRPC hook for typed client access
- NextTrpcProvider with SSR-safe absolute URL resolution
- TanstackTrpcProvider for TanStack Start apps
- /api/trpc catch-all route handler in web-next
- Wire NextTrpcProvider into app providers
- Add @repo/core-trpc to transpilePackages

apps/web-next/next.config.mjs

@@ -16,6 +16,7 @@ const nextConfig = {
     "@repo/marketing-pages",
     "@repo/media",
     "@repo/navigation",
+    "@repo/core-trpc",
   ],
 };
 

apps/web-next/package.json

@@ -19,19 +19,22 @@
     "@repo/core-api": "workspace:*",
     "@repo/core-cms": "workspace:*",
     "@repo/core-shared": "workspace:*",
+    "@repo/core-trpc": "workspace:^",
     "@repo/marketing-pages": "workspace:*",
     "@repo/media": "workspace:*",
     "@repo/navigation": "workspace:*",
     "@sentry/nextjs": "^10.51.0",
-    "@tanstack/react-query": "^5.66.0",
-    "@trpc/server": "^11.0.0",
+    "@tailwindcss/postcss": "^4.3.0",
+    "@tanstack/react-query": "^5.96.2",
+    "@trpc/server": "^11.17.0",
     "inversify": "^6.2.0",
     "next": "^15.3.0",
     "payload": "^3.14.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "reflect-metadata": "^0.2.2",
-    "superjson": "^2.2.1"
+    "superjson": "^2.2.1",
+    "tailwindcss": "^4.1.0"
   },
   "devDependencies": {
     "@playwright/test": "^1.50.0",

apps/web-next/src/app/api/trpc/[trpc]/route.ts

@@ -0,0 +1,15 @@
+import { fetchRequestHandler } from "@trpc/server/adapters/fetch";
+import { appRouter } from "@repo/core-api";
+import { bindAll } from "../../../../server/bind-production";
+
+const handler = async (req: Request) => {
+  await bindAll();
+  return fetchRequestHandler({
+    endpoint: "/api/trpc",
+    req,
+    router: appRouter,
+    createContext: () => ({}),
+  });
+};
+
+export { handler as GET, handler as POST };

apps/web-next/src/app/providers.tsx

@@ -1,5 +1,7 @@
 "use client";
 
+import { NextTrpcProvider } from "@repo/core-trpc/next";
+
 export function Providers({ children }: { children: React.ReactNode }) {
-  return <>{children}</>;
+  return <NextTrpcProvider>{children}</NextTrpcProvider>;
 }