Modify images to use env path

Author: jakubbalas

next.config.js

@@ -1,6 +1,6 @@
 /** @type {import('next').NextConfig} */
 const nextConfig = {
   output: "export",
-  basePath: "/brno.python.pizza",
+  basePath: process.env.BASE_PATH,
 };
 module.exports = nextConfig;

src/components/image.tsx

@@ -32,7 +32,7 @@ export const Image: React.FC<Props> = ({
 
   return (
     <img
-      src={src}
+      src={`${process.env.BASE_PATH}/${src}`}
       alt={alt}
       sx={{ width: finalWidth, height: finalHeight, objectFit }}
       className={className}

src/sections/hero.tsx

@@ -31,7 +31,7 @@ export const Hero = () => (
       flexDirection: "column",
       alignItems: "center",
       justifyContent: "center",
-      background: "url(/background.jpg) center / cover",
+      background: `url(${process.env.BASE_PATH}/background.jpg) center / cover`,
       minHeight: "100vh",
       position: "relative",
       pt: ["42rem", "20rem", "14rem"],