Next issues

components/Sections.module.css

@@ -50,11 +50,11 @@
   color: var(--primary-text);
 }
 
-.nav li a:hover .linkName {
+.linkName:hover {
   text-decoration: underline;
 }
 
-.nav li .linkName {
+.linkName {
   margin: 0;
   display: inline;
 }

components/Sections.tsx

@@ -1,4 +1,5 @@
 import { PageRoutes } from "data/routes";
+import Link from "next/link";
 import React from "react";
 
 import styles from "./Sections.module.css";
@@ -25,12 +26,14 @@ export function Sections({ data, showHeader = true }: SectionsProps) {
           {Object.values(data).map((datum, index) => {
             return (
               <li key={`${datum.name}-${index}`}>
-                <a href={datum.url}>
-                  <span className={styles.linkNumber}>
-                    {String(index).padStart(2, "0")}{" "}
-                  </span>
-                  <span className={styles.linkName}>{datum.name}</span>
-                </a>
+                <span className={styles.linkNumber}>
+                  {String(index).padStart(2, "0")}{" "}
+                </span>
+                <span className={styles.linkName}>
+                  <Link className={styles.linkName} href={datum.url}>
+                    {datum.name}
+                  </Link>
+                </span>
               </li>
             );
           })}

next.config.js

@@ -1,7 +1,8 @@
 /** @type {import('next').NextConfig} */
+let basePath = process.env.NEXT_PUBLIC_BASE_PATH ? process.env.NEXT_PUBLIC_BASE_PATH : "";
 const nextConfig = {
-  basePath: process.env.NEXT_PUBLIC_BASE_PATH,
-  assetPrefix: process.env.NEXT_PUBLIC_BASE_PATH + "/",
+  basePath: basePath,
+  assetPrefix: basePath + "/",
 
   // test comment
   reactStrictMode: true,
@@ -9,7 +10,7 @@ const nextConfig = {
   // This image loader supports `next export`, for optimizing next <Image /> tags
   images: {
     loader: 'akamai',
-    path: '',
+    path: basePath,
   },
 }