trpc demo

src/app/_trpc/ServerClient.ts

@@ -0,0 +1,22 @@
+import { httpBatchLink } from "@trpc/client";
+import { trpcRouter } from "~/server/routers/_app";
+
+function getBaseUrl() {
+  if (typeof window !== 'undefined')
+    // browser should use relative path
+    return '';
+  if (process.env.VERCEL_URL)
+    // reference for vercel.com
+    return `https://${process.env.VERCEL_URL}`;
+  if (process.env.RENDER_INTERNAL_HOSTNAME)
+    // reference for render.com
+    return `http://${process.env.RENDER_INTERNAL_HOSTNAME}:${process.env.PORT}`;
+  // assume localhost
+  return `http://localhost:${process.env.PORT ?? 3000}`;
+};
+
+export const servTrpc = trpcRouter.createCaller({
+  links: [
+    httpBatchLink({url: `${getBaseUrl()}/api/trpc`}),
+  ],
+});