+ basepath env into image src

explorer-v2/next.config.js

@@ -1,11 +1,14 @@
 // @ts-check
 
 /** @type {import('next').NextConfig} */
+
+const { NEXT_PUBLIC_EXPLORER_BASEPATH } = process.env;
+
 const nextConfig = {
     reactStrictMode: true,
 
-    basePath: "/explorer",
+    basePath: `/${NEXT_PUBLIC_EXPLORER_BASEPATH}`,
-    assetPrefix: "/explorer",
+    assetPrefix: `/${NEXT_PUBLIC_EXPLORER_BASEPATH}`,
     trailingSlash: false,
 
     async redirects() {
@@ -13,7 +16,7 @@ const nextConfig = {
             // Change the basePath to /explorer
             {
                 source: "/",
-                destination: "/explorer",
+                destination: `/${NEXT_PUBLIC_EXPLORER_BASEPATH}`,
                 basePath: false,
                 permanent: true,
             },

explorer-v2/src/app/(pages)/onboarding/[slug]/page.tsx

@@ -17,7 +17,7 @@ export default async function BlogPage({
   params: Promise<{ slug: string }>;
 }) {
   const { slug } = await params;
-
+  const { NEXT_PUBLIC_EXPLORER_BASEPATH } = process.env;
   try {
     const blogArticle: BlogArticle = await import(`@/data/${slug}.json`);
 
@@ -87,7 +87,7 @@ export default async function BlogPage({
                   </Typography>
                 </Box>
                 <Image
-                  src={blogArticle.image}
+                  src={`/${NEXT_PUBLIC_EXPLORER_BASEPATH}${blogArticle.image}`}
                   alt="blog-image"
                   width={120}
                   height={60}

explorer-v2/src/data/Welcome-to-explorer-2.json

@@ -10,7 +10,7 @@
   },
   "iconLight": "explorerCard",
   "iconDark": "explorerCardDark",
-  "image": "/explorer/images/Network.webp",
+  "image": "/images/Network.webp",
   "overview": {
     "content": [
       {

explorer-v2/src/data/buy-nym.json

@@ -10,7 +10,7 @@
   },
   "iconLight": "gateway",
   "iconDark": "gatewayDark",
-  "image": "/explorer/images/placeholder.webp",
+  "image": "/images/placeholder.webp",
   "overview": {
     "content": [
       {

explorer-v2/src/data/operate-a-node.json

@@ -10,7 +10,7 @@
   },
   "iconLight": "gateway",
   "iconDark": "gatewayDark",
-  "image": "/explorer/images/placeholder.webp",
+  "image": "/images/placeholder.webp",
   "overview": {
     "content": [
       {

explorer-v2/src/data/staking-guide.json

@@ -10,7 +10,7 @@
   },
   "iconLight": "stakeCard",
   "iconDark": "stakeCardDark",
-  "image": "/explorer/images/stake-article.webp",
+  "image": "/images/stake-article.webp",
   "overview": {
     "content": [
       {