Add env variables

Author: AbhinavMV

.github/workflows/deploy-node.yml

@@ -27,7 +27,11 @@ jobs:
           cache: 'npm'
       - run: npm ci
       - run: npm run build
+        env:
+          NEXT_PUBLIC_BASE_PATH: /WebXDAO.github.io
       - run: npm run export
+        env:
+          NEXT_PUBLIC_BASE_PATH: /WebXDAO.github.io
       - run: touch ./out/.nojekyll
 
       - name: Deploy 🚀

components/Global/Navbar.jsx

@@ -4,6 +4,7 @@ import { AiOutlineClose } from 'react-icons/ai'
 import Link from 'next/link'
 import { useRouter } from 'next/router'
 import {prefix} from '../../constants'
+
 const NavBarItem = ({ item, pathname, classprops }) => (
   <a href={item.url}>
     <li
@@ -20,13 +21,13 @@ const Navbar = () => {
   const router = useRouter()
   const [toggleMenu, setToggleMenu] = useState(false)
   const navItems = [
-    { title: 'HOME', url: '/' },
-    { title: 'LEARN', url: '#' },
-    { title: 'BLOG', url: '/blog' },
-    { title: 'ABOUT', url: '#' },
-    { title: 'PROJECTS', url: '/projects' },
-    { title: 'COMMUNITY PARTNERS', url: '/partners' },
-    { title: 'OUR MODERATORS', url: '/moderators' }
+    { title: 'HOME', url: prefix+'/' },
+    { title: 'LEARN', url: prefix+'#' },
+    { title: 'BLOG', url: prefix+'/blog' },
+    { title: 'ABOUT', url: prefix+'#' },
+    { title: 'PROJECTS', url: prefix+'/projects' },
+    { title: 'COMMUNITY PARTNERS', url: prefix+'/partners' },
+    { title: 'OUR MODERATORS', url: prefix+'/moderators' }
   ]
 
   return (

constants/index.js

@@ -1 +1 @@
-export const prefix = '/WebXDAO.github.io'
+export const prefix = process.env.NEXT_PUBLIC_BASE_PATH || ''

next.config.js

@@ -1,6 +1,6 @@
 module.exports = {
-  basePath: '/WebXDAO.github.io',
-  assetPrefix: '/WebXDAO.github.io',
+  basePath: process.env.NEXT_PUBLIC_BASE_PATH,
+  assetPrefix: process.env.NEXT_PUBLIC_BASE_PATH,
   exportPathMap: function () {
     return {
       '/': { page: '/' }