fix(env): base url reading from vercel deployment of local next

Author: MiroslavPetrik

src/edgedb/auth.ts

@@ -1,7 +1,8 @@
 import createAuth from "@edgedb/auth-nextjs/app";
 import { client } from "./client";
+import { getBaseUrl } from "@/server/baseUrl";
 
 export const auth = createAuth(client, {
-  baseUrl: "http://localhost:3000",
+  baseUrl: getBaseUrl(),
   passwordResetPath: "/reset-password",
 });

src/env.mjs

@@ -1,13 +1,16 @@
 import { createEnv } from "@t3-oss/env-nextjs";
 import { z } from "zod";
+import { vercel } from "@t3-oss/env-nextjs/presets";
 
 export const env = createEnv({
+  extends: [vercel],
   /**
    * Specify your server-side environment variables schema here. This way you can ensure the app
    * isn't built with invalid env vars.
    */
   server: {
     NODE_ENV: z.enum(["development", "test", "production"]),
+    PORT: z.coerce.number(), // From `next dev -p $PORT`
     EDGEDB_DSN: z.string(),
   },
 
@@ -26,6 +29,7 @@ export const env = createEnv({
    */
   runtimeEnv: {
     NODE_ENV: process.env.NODE_ENV,
+    PORT: process.env.PORT,
     EDGEDB_DSN: process.env.EDGEDB_DSN,
     // NEXT_PUBLIC_CLIENTVAR: process.env.NEXT_PUBLIC_CLIENTVAR,
   },

src/server/baseUrl.ts

@@ -0,0 +1,7 @@
+import { env } from "@/env.mjs";
+
+export function getBaseUrl() {
+  if (typeof window !== "undefined") return "";
+  if (env.VERCEL_URL) return `https://${env.VERCEL_URL}`;
+  return `http://localhost:${env.PORT}`;
+}

src/trpc/shared.ts

@@ -2,15 +2,10 @@ import { type inferRouterInputs, type inferRouterOutputs } from "@trpc/server";
 import superjson from "superjson";
 
 import { type AppRouter } from "@/server/api/root";
+import { getBaseUrl } from "@/server/baseUrl";
 
 export const transformer = superjson;
 
-function getBaseUrl() {
-  if (typeof window !== "undefined") return "";
-  if (process.env.VERCEL_URL) return `https://${process.env.VERCEL_URL}`;
-  return `http://localhost:${process.env.PORT ?? 3000}`;
-}
-
 export function getUrl() {
   return getBaseUrl() + "/api/trpc";
 }