Fixed site SEO

.env.local-example

@@ -1,9 +1,10 @@
-SITE_NAME=BeatSaber Overlay
+NEXT_PUBLIC_HTTP_PROXY=https://proxy.fascinated.cc
-SITE_TITLE=BeatSaber Overlay - Simple and easy to use BeatSaber overlay
+
-SITE_DESCRIPTION=Free, simple, and easy to use beat saber overlay for OBS
+NEXT_PUBLIC_SITE_NAME=BeatSaber Overlay
-SITE_COLOR=#0EBFE9
+NEXT_PUBLIC_SITE_TITLE=BeatSaber Overlay - Simple and easy to use BeatSaber overlay
-SITE_URL=https://bs-overlay.fascinated.cc
+NEXT_PUBLIC_SITE_DESCRIPTION=Free, simple, and easy to use beat saber overlay for OBS
-HTTP_PROXY=https://proxy.fascinated.cc
+NEXT_PUBLIC_SITE_COLOR=#0EBFE9
+NEXT_PUBLIC_SITE_URL=https://bs-overlay.fascinated.cc
 
 REDIS_PORT=6379
 REDIS_HOST=127.0.0.1

pages/_app.js

@@ -29,13 +29,13 @@ function MyApp({ Component, pageProps }) {
 		>
 			<NextUIProvider>
 				<NextSeo
-					title={process.env.SITE_NAME}
+					title={process.env.NEXT_PUBLIC_SITE_NAME}
-					description={process.env.SITE_DESCRIPTION}
+					description={process.env.NEXT_PUBLIC_SITE_DESCRIPTION}
 					openGraph={{
-						url: process.env.SITE_URL,
+						url: process.env.NEXT_PUBLIC_SITE_URL,
-						title: process.env.SITE_NAME,
+						title: process.env.NEXT_PUBLIC_SITE_NAME,
-						description: process.env.SITE_DESCRIPTION,
+						description: process.env.NEXT_PUBLIC_SITE_DESCRIPTION,
-						site_name: process.env.SITE_NAME,
+						site_name: process.env.NEXT_PUBLIC_SITE_NAME,
 						images: [
 							{
 								url: "https://cdn.fascinated.cc/fHknFPctAC.png?raw=true",

pages/_document.js

@@ -26,7 +26,10 @@ class MyDocument extends Document {
 					/>
 					<link rel="shortcut icon" href="/favicon.ico" />
 
-					<meta name="theme-color" content={process.env.SITE_COLOR} />
+					<meta
+						name="theme-color"
+						content={process.env.NEXT_PUBLIC_SITE_COLOR}
+					/>
 					<meta
 						property="og:keywords"
 						content="BeatSaber,Overlay,OBS,Twitch,YouTube,BeatSaber Overlay,Github,"