Nextjs config issues

.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+  "search.useIgnoreFiles": true
+}

next.config.mjs

@@ -1,13 +1,16 @@
 import withMDX from "@next/mdx";
 
+const isProd = process.env.NODE_ENV === "production";
+
 /** @type {import('next').NextConfig} */
 const config = withMDX()({
+  assetPrefix: isProd ? "./" : undefined,
   pageExtensions: ["ts", "js", "tsx", "jsx", "md", "mdx"],
   images: {
     domains: ["picsum.photos"],
   },
   output: "export",
-  basePath: "/ujaandas.github.io",
+  // basePath: "/ujaandas.github.io",
   images: {
     unoptimized: true,
   },

src/app/lib/data.tsx

@@ -1,16 +1,19 @@
 import { promises as fs } from "fs";
 import { MDXRemote } from "next-mdx-remote/rsc";
+import path from "path";
 
 const readFile = async (path: string) => {
   const post = await fs.readFile(path, "utf-8");
   return <MDXRemote source={post} />;
 };
 
+const basePath = path.join(process.cwd(), "public/data/posts");
+
 const readBasePath = async () => {
-  const dirs = await fs.readdir("../../public/data/posts");
+  const posts = await fs.readdir(basePath);
   const categories = await Promise.all(
-    dirs.map(async (category) => {
-      const files = await fs.readdir(`../../public/data/posts/${category}`);
+    posts.map(async (category) => {
+      const files = await fs.readdir(`${basePath}/${category}`);
       return { category, files };
     })
   );
@@ -25,7 +28,7 @@ export const fetchPosts = async () => {
       const posts = await Promise.all(
         category.files.map(async (file) => {
           const post = await readFile(
-            `../../public/data/posts/${category.category}/${file}`
+            `${basePath}/${category.category}/${file}`
           );
           return post;
         })
@@ -56,7 +59,7 @@ export const fetchSlugs = async () => {
       const posts = await Promise.all(
         category.files.map(async (file) => {
           const post = await fs.readFile(
-            `../../public/data/posts/${category.category}/${file}`,
+            `${basePath}/${category.category}/${file}`,
             "utf-8"
           );
           return post;

src/app/page.tsx

@@ -1,6 +1,6 @@
 import AboutMe from "@/components/Sidebar";
 import SectionSelector from "@/components/SectionSelector";
-import { fetchPosts, fetchSlugs } from "./lib/data";
+import { fetchPosts } from "./lib/data";
 
 export default async function Home() {
   const postData = await fetchPosts();