Added basepath

DaveAldon · DaveAldon · commit 6b6394b241f1 · 2024-04-22T15:33:14.000-04:00
diff --git a/next.config.mjs b/next.config.mjs
@@ -2,7 +2,9 @@
  * @type {import('next').NextConfig}
  */
 const nextConfig = {
-  basePath: "/Next.js-and-GitHub-Pages-Example",
+  publicRuntimeConfig: {
+    basePath: "/Next.js-and-GitHub-Pages-Example",
+  },
   output: "export",
   images: {
     loader: "akamai",
diff --git a/pages/index.tsx b/pages/index.tsx
@@ -2,8 +2,11 @@ import type { NextPage } from "next";
 import Head from "next/head";
 import Image from "next/image";
 import styles from "../styles/Home.module.css";
+import getConfig from "next/config";
 
 const Home: NextPage = () => {
+  const { publicRuntimeConfig } = getConfig();
+
   return (
     <div className={styles.container}>
       <Head>
@@ -62,7 +65,7 @@ const Home: NextPage = () => {
           Powered by{" "}
           <span className={styles.logo}>
             <Image
-              src="/Next.js-and-GitHub-Pages-Example/vercel.svg"
+              src={`${publicRuntimeConfig.basePath}"/vercel.svg"`}
               alt="Vercel Logo"
               width={72}
               height={16}
