fix(CI): Set up env. variables

Author: dimaspirit

.github/workflows/deploy.yml

@@ -49,6 +49,7 @@ jobs:
           node-version: "20"
           cache: ${{ steps.detect-package-manager.outputs.manager }}
       - name: Setup Pages
+        id: setup_pages
         uses: actions/configure-pages@v5
         with:
           # Automatically inject basePath in your Next.js configuration file and disable
@@ -70,6 +71,8 @@ jobs:
         run: ${{ steps.detect-package-manager.outputs.manager }} ${{ steps.detect-package-manager.outputs.command }}
       - name: Build with Next.js
         run: ${{ steps.detect-package-manager.outputs.runner }} next build
+        env: 
+          NEXT_PUBLIC_PAGES_BASE_PATH: ${{ steps.setup_pages.outputs.base_path }}
       - name: Upload artifact
         uses: actions/upload-pages-artifact@v3
         with:

components/Resource.tsx

@@ -2,10 +2,12 @@
 
 import { TAGS } from "@/data/tags";
 import { IResource } from "@/data/resources";
-
 import { Card, Heading, Button, Box, Flex, Badge, Popover, Portal, Image } from "@chakra-ui/react";
 
+const pagesBasePath = process.env.NEXT_PUBLIC_PAGES_BASE_PATH;
+
 const Resource = ({ resource }: { resource: IResource }) => {
+
   const price = TAGS.price.list.find((p) => p.value === resource.price)?.label ?? resource.price ?? '';
 
   const typesList = (resource.types || []).map((type) => {
@@ -23,7 +25,7 @@ const Resource = ({ resource }: { resource: IResource }) => {
 
   return (
     <Card.Root key={resource.link}>
-      {resource.logo && <Image src={`/resources/${resource.logo}`} px={6} pt={4} alt={`${resource.title} logo`} />}
+      {resource.logo && <Image src={`${pagesBasePath}/resources/${resource.logo}`} px={6} pt={4} alt={`${resource.title} logo`} />}
 
       <Card.Body gap="2">
         {!resource.logo && <Card.Title fontSize="2xl">{resource.title}</Card.Title> }

next.config.ts

@@ -1,8 +1,11 @@
 import type { NextConfig } from "next";
 
+const repoName = process.env.NEXT_PUBLIC_PAGES_BASE_PATH || '';
+
 const nextConfig: NextConfig = {
   output: "export",
-  basePath: process.env.PAGES_BASE_PATH,
+  basePath: repoName,
+  assetPrefix: repoName,
   devIndicators: false,
   experimental: {
     optimizePackageImports: ["@chakra-ui/react"],