CMS: vercel urls

Author: mbarrenechea

client/src/containers/header/auth/desktop.tsx

@@ -0,0 +1,5 @@
+"use client";
+
+const AuthHeader = () => {};
+
+export default AuthHeader;

client/src/lib/url.ts

@@ -0,0 +1,9 @@
+import { env } from "@/env.mjs";
+
+export const getAbsoluteURL = (path: string) => {
+  if (process.env.VERCEL_URL) {
+    return `https://${process.env.VERCEL_URL}${path}`;
+  }
+
+  return `${env.NEXT_PUBLIC_URL || "http://localhost:3000"}${path}`;
+};

client/src/payload.config.ts

@@ -9,7 +9,7 @@ import { lexicalEditor } from "@payloadcms/richtext-lexical";
 
 import sharp from "sharp";
 
-import { env } from "@/env.mjs";
+import { getAbsoluteURL } from "@/lib/url";
 
 import { Admins } from "@/cms/collections/Admins";
 import { Media } from "@/cms/collections/Media";
@@ -37,7 +37,7 @@ export default buildConfig({
     disable: true,
   },
   secret: process.env.PAYLOAD_SECRET || "",
-  serverURL: env.NEXT_PUBLIC_URL,
+  serverURL: getAbsoluteURL(""),
   typescript: {
     outputFile: path.resolve(dirname, "payload-types.ts"),
   },

client/src/services/sdk.ts

@@ -1,8 +1,10 @@
 import { PayloadSDK } from "@payloadcms/sdk";
 
+import { getAbsoluteURL } from "@/lib/url";
+
 import { Config } from "@/payload-types";
 
 // Pass your config from generated types as generic
 export const sdk = new PayloadSDK<Config>({
-  baseURL: `${process.env.NEXT_PUBLIC_URL}/api`,
+  baseURL: getAbsoluteURL("/api"),
 });