fix: fixed the url rendering and OG tag issue

components/Head.js

@@ -11,7 +11,7 @@ export default function HeadComponent({
   rssTitle = 'RSS Feed for AsyncAPI Initiative Blog',
   rssLink = '/rss.xml',
 }) {
-  const url = process.env.DEPLOY_PRIME_URL || process.env.DEPLOY_URL || 'http://localhost:3000';
+  const url = process.env.NEXT_PUBLIC_DEPLOY_PRIME_URL || process.env.NEXT_PUBLIC_DEPLOY_URL || 'http://localhost:3000';
   const appContext = useContext(AppContext);
   const { path = '' } = appContext || {};
 

components/custom.js

@@ -0,0 +1,16 @@
+import React from 'react'
+import HeadComponent from './Head'
+import HomePage from '../pages'
+import Footer from '../components/footer/Footer'
+
+const Custom = () => {
+  return (
+    <div>
+      <HeadComponent/>
+      <HomePage/>
+      <Footer/>
+    </div>
+  )
+}
+
+export default Custom

lib/i18n.js

@@ -9,7 +9,14 @@ import {
   Translation,
   Trans
 } from "react-i18next";
+
 import nextI18nextStaticSiteConfig from "../next-i18next-static-site.config";
+import HeadComponent from "../components/Head";
+<<<<<<< HEAD
+import Custom from "../components/custom";
+import App from "../pages/_app";
+=======
+>>>>>>> f1fc8ea672efa3d41621bb124db04e11f310ceda
 var defaultConfig = {
   allowHydration: true,
   languages: ["en"],
@@ -19,6 +26,7 @@ var defaultConfig = {
   cookieName: "lang",
   cookieOptions: { expires: 365, path: "/" }
 };
+
 var config = {
   ...defaultConfig,
   languages: nextI18nextStaticSiteConfig.i18n.languages,
@@ -145,21 +153,29 @@ var I18nProvider = (props) => {
     i18nextInstance(language, props.i18n.locales);
   }
   const { i18n: i18n2 } = useTranslation();
+
   useEffect(() => {
     i18n2.services.resourceStore.data = props.i18n.locales;
     i18n2.changeLanguage(language);
   }, [i18n2, language, props.i18n.locales]);
+
   useEffect(() => {
     loaded = true;
     i18n2.changeLanguage(language);
   }, [i18n2, language]);
+
   useEffect(() => {
     const hasWindow = typeof window !== "undefined";
     if (hasWindow && options.allowHydration) {
       setHydration(true);
     }
   }, [options.allowHydration]);
+<<<<<<< HEAD
+
   return hydration ? props.children : null;
+=======
+  return hydration ? props.children : <HeadComponent />;
+>>>>>>> f1fc8ea672efa3d41621bb124db04e11f310ceda
 };
 
 /**

package.json

@@ -58,7 +58,7 @@
     "axios": "^1.6.0",
     "clsx": "^1.1.1",
     "cssnano": "^5.1.12",
-    "dotenv": "^8.2.0",
+    "dotenv": "^8.6.0",
     "fuse.js": "^6.6.2",
     "googleapis": "^100.0.0",
     "gray-matter": "^4.0.2",