Added prefix utility

DaveAldon · Apr 23, 2024 · ceacabb · ceacabb
1 parent a0e7c4c
commit ceacabb
Show file tree

Hide file tree

Showing 6 changed files with 10 additions and 5 deletions.
diff --git a/.env.example b/.env.example
diff --git a/.github/workflows/node.js.yml b/.github/workflows/node.js.yml
@@ -22,6 +22,9 @@ jobs:
       - name: Installing my packages
         run: npm ci
 
+      - name: Extract repository name
+        run: echo "BASE_URL=$(echo $GITHUB_REPOSITORY | cut -d '/' -f 2)" >> $GITHUB_ENV
+
       - name: Build my App
         run: npm run build && touch ./out/.nojekyll
 

diff --git a/.gitignore b/.gitignore
@@ -33,5 +33,3 @@ yarn-error.log*
 
 # typescript
 *.tsbuildinfo
-
-.env
diff --git a/next.config.mjs b/next.config.mjs
@@ -7,6 +7,7 @@ const nextConfig = {
     loader: "akamai",
     path: "",
   },
+  assetPrefix: "./",
 };
 
 export default nextConfig;
diff --git a/pages/index.tsx b/pages/index.tsx
@@ -2,14 +2,15 @@ import type { NextPage } from "next";
 import Head from "next/head";
 import Image from "next/image";
 import styles from "../styles/Home.module.css";
+import { prefix } from "../utils/prefix";
 
 const Home: NextPage = () => {
   return (
     <div className={styles.container}>
       <Head>
         <title>Create Next App</title>
         <meta name="description" content="Generated by create next app" />
-        <link rel="icon" href="/favicon.ico" />
+        <link rel="icon" href={`${prefix}/favicon.ico`} />
       </Head>
 
       <main className={styles.main}>
@@ -62,7 +63,7 @@ const Home: NextPage = () => {
           Powered by{" "}
           <span className={styles.logo}>
             <Image
-              src={`${process.env.BASE_PATH}/vercel.svg`}
+              src={`${prefix}/vercel.svg`}
               alt="Vercel Logo"
               width={72}
               height={16}

diff --git a/utils/prefix.ts b/utils/prefix.ts
@@ -0,0 +1,3 @@
+const prefix = process.env.BASE_PATH || "";
+
+export { prefix };