URL -> process.env.baseUrl

Author: morioprog

components/CustomHead.tsx

@@ -1,8 +1,6 @@
 import Head from 'next/head';
 import React from 'react';
 
-import { URL } from '../utils/cangeURL';
-
 type Props = {
   title: string;
   postId: number;
@@ -18,7 +16,10 @@ const CustomHead: React.FC<Props> = (props) => {
 
         <meta property="og:title" content="OmnisCode" />
         <meta property="og:type" content="website" />
-        <meta property="og:url" content={URL + '/post/' + props.postId} />
+        <meta
+          property="og:url"
+          content={process.env.baseUrl + '/post/' + props.postId}
+        />
         <meta property="og:image" content={props.image} />
         <meta property="og:site_name" content="OmnisCode" />
         <meta property="og:description" content={props.title} />

components/DefaultHead.tsx

@@ -1,8 +1,6 @@
 import Head from 'next/head';
 import React from 'react';
 
-import { URL } from '../utils/cangeURL';
-
 type Props = {
   pageName: string;
 };
@@ -15,8 +13,10 @@ const DefaultHead: React.FC<Props> = (props) => {
         <link rel="icon" href="/favicon.ico" />
         <meta property="og:title" content="OmnisCode" />
         <meta property="og:type" content="website" />
-        {/* URL = https://omniscode.one */}
-        <meta property="og:url" content={URL + '/' + props.pageName} />
+        <meta
+          property="og:url"
+          content={process.env.baseUrl + '/' + props.pageName}
+        />
         <meta
           property="og:image"
           content="https://omniscode-og-image.vercel.app/package%20main%0A%0Aimport%20%22fmt%22%0A%0Afunc%20main()%20%7B%0A%20%20%20%20fmt.Println(%22hello%20world%22)%0A%7D.jpeg?theme=gradient-dark&lang=go"

next.config.js

@@ -3,7 +3,7 @@ const dev = process.env.NODE_ENV !== "production";
 module.exports = {
   env: {
     baseUrl: dev
-      ? 'http://localhost:3000/api/v1'
-      : 'https://omniscode.one/api/v1',
+      ? 'http://localhost:3000'
+      : 'https://omniscode.one',
   },
 };

utils/axios.ts

@@ -1,7 +1,7 @@
 import axios from 'axios';
 
 const myAxios = axios.create({
-  baseURL: process.env.baseUrl ?? 'http://localhost:3000/api/v1',
+  baseURL: (process.env.baseUrl ?? 'http://localhost:3000') + '/api/v1',
 });
 
 export default myAxios;