WIP

Author: Dan Costello

app/(home)/page.tsx

@@ -1,13 +1,12 @@
 import Link from "next/link";
 import Image from "next/image";
-import { BASE_PATH } from "@/app/utils/constants";
 
 export default function HomePage() {
   return (
     <main className="flex flex-1 flex-col items-center justify-center py-20 text-center px-4">
       <div className="mb-10 flex flex-col items-center gap-y-6">
         <Image
-          src={`${BASE_PATH}/logo.png`}
+          src={`${process.env.pathPrefix}/logo.png`}
           alt="UserClouds Logo"
           width={240}
           height={33}

app/layout.config.tsx

@@ -1,6 +1,5 @@
 import type { BaseLayoutProps } from "fumadocs-ui/layouts/shared";
 import Image from "next/image";
-import { BASE_PATH } from "@/app/utils/constants";
 
 /**
  * Shared layout configurations
@@ -15,7 +14,7 @@ export const baseOptions: BaseLayoutProps = {
     title: (
       <>
         <Image
-          src={`${BASE_PATH}/logo.png`}
+          src={`${process.env.pathPrefix}/logo.png`}
           width={160}
           height={22}
           alt="UserClouds logo"

app/utils/constants.ts

@@ -1,15 +1,19 @@
 import { createMDX } from "fumadocs-mdx/next";
 const withMDX = createMDX();
 
-const isProd = process.env.NODE_ENV === "production";
+const pathPrefix =
+  process.env.NODE_ENV === "production"
+    ? process.env.NEXT_PUBLIC_BASE_PATH || "./"
+    : "";
+
 /** @type {import('next').NextConfig} */
 const config = {
   reactStrictMode: true,
   output: "export",
-  assetPrefix: isProd ? (process.env.NEXT_PUBLIC_ASSET_PREFIX ?? "./") : "",
-  basePath: isProd
-    ? (process.env.NEXT_PUBLIC_BASE_PATH ?? `${process.env.PWD}/out` ?? "")
-    : "",
+  assetPrefix: pathPrefix,
+  env: {
+    pathPrefix,
+  },
   trailingSlash: true,
   images: {
     unoptimized: true,