Rename BASE_PATH to NEXT_PUBLIC_BASE_PATH

See https://nextjs.org/docs/pages/building-your-application/configuring/environment-variables#bundling-environment-variables-for-the-browser
celestemods-com · Oct 26, 2023 · 97c2ecf · 97c2ecf
1 parent 698130b
commit 97c2ecf
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 4 deletions.
diff --git a/.env.example b/.env.example
@@ -11,7 +11,7 @@
 
 # next.js base path
 # https://nextjs.org/docs/app/api-reference/next-config-js/basePath
-BASE_PATH=""
+NEXT_PUBLIC_BASE_PATH=""
 
 # Prisma
 # https://www.prisma.io/docs/reference/database-reference/connection-urls#env

diff --git a/next.config.mjs b/next.config.mjs
@@ -6,7 +6,7 @@
 
 /** @type {import("next").NextConfig} */
 const config = {
-  basePath: process.env.BASE_PATH,
+  basePath: process.env.NEXT_PUBLIC_BASE_PATH,
   reactStrictMode: true,
   images: {    //TODO!: figure out how to fix crash on next.config.mjs change
     remotePatterns: [

diff --git a/src/components/layout/layout.tsx b/src/components/layout/layout.tsx
@@ -75,7 +75,7 @@ export const Layout = ({
                 />
             </Head>
             <BackgroundImage
-                src={`${process.env.BASE_PATH}/images/cml_background1.png`}
+                src={`${process.env.NEXT_PUBLIC_BASE_PATH}/images/cml_background1.png`}
                 className={classes.backgroundImage}
             >
                 <Grid gutter="0">

diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
@@ -17,7 +17,7 @@ const MyApp: AppType<{ session: Session | null; }> = ({
   pageProps: { session, ...pageProps },
 }) => {
   return (
-    <SessionProvider session={session} basePath={process.env.BASE_PATH}>
+    <SessionProvider session={session} basePath={process.env.NEXT_PUBLIC_BASE_PATH}>
       <MantineProvider
         emotionCache={emotionCache}
         withGlobalStyles