refactor(env): prefix SITE_ROOT w/ NEXT_PUBLIC_

Prefix `SITE_ROOT` with `NEXT_PUBLIC_` to streamline environment variable config, per Next.js latest feature.

Ref: https://nextjs.org/docs/app/building-your-application/configuring/environment-variables#bundling-environment-variables-for-the-browser

Author: realfish

.env

@@ -1 +1 @@
-SITE_ROOT=https://docs.dorafactory.org
+NEXT_PUBLIC_SITE_ROOT=https://docs.dorafactory.org

.env.development

@@ -1 +1 @@
-SITE_ROOT=http://localhost:3000
+NEXT_PUBLIC_SITE_ROOT=http://localhost:3000

next.config.js

@@ -12,10 +12,6 @@ module.exports = withNextra({
   reactStrictMode: true, // Recommended for the `pages` directory, default in `app`.
   output: 'standalone',
 
-  env: {
-    SITE_ROOT: process.env.SITE_ROOT
-  },
-
   webpack(config) {
     // Config for SVGR
     // const allowedSvgRegex = /\.svg$/i

pages/docs/index.mdx

@@ -42,7 +42,7 @@ export const CARD_COPY = [
       <>
         <img
           alt={card.title}
-          src={`${process.env.SITE_ROOT}/api/og?title=${card.title}&desc=${card.desc}`}
+          src={`${process.env.NEXT_PUBLIC_SITE_ROOT}/api/og?title=${card.title}&desc=${card.desc}`}
         />
       </>
     </Cards.Card>

theme.config.jsx

@@ -13,7 +13,7 @@ export default {
       title: 'The Digital Infrastructure of Global Hacker Movement',
       desc: 'Dora Factory creates protocols, toolings, and public good infrastructures that help open source communities and frontier tech builders to thrive.'
     }
-    const SITE_ROOT = process.env.SITE_ROOT
+    const SITE_ROOT = process.env.NEXT_PUBLIC_SITE_ROOT
     const asPath = router.asPath
 
     // Open Graph