add config by environment

apps/ui/config/config.ts

@@ -0,0 +1,20 @@
+const environmentName = process.env.NODE_ENV;
+
+export const getConfig = (): {
+    graphql: string;
+} => {
+    switch (environmentName) {
+        case 'production':
+            return {
+                graphql: 'https://score.minascan.io',
+            };
+        case 'development':
+            return {
+                graphql: 'http://localhost:8080',
+            };
+        default:
+            return {
+                graphql: 'https://score.minascan.io',
+            };
+    }
+};

apps/ui/package.json

@@ -5,7 +5,8 @@
     "scripts": {
         "dev": "next dev",
         "build": "next build",
-        "start": "next start",
+        "start": "next start --port 3001",
+        "start-dev": "next start",
         "lint": "next lint",
         "ts-watch": "tsc --noEmit --incremental --watch",
         "check": "npm run lint && npm run check:types"

apps/ui/src/store/chain/chainService.ts

@@ -1,9 +1,10 @@
 import { createApi, fetchBaseQuery } from '@reduxjs/toolkit/query/react';
+import { getConfig } from '../../../config/config';
 
 export const chainService = createApi({
     reducerPath: 'chainService',
     baseQuery: fetchBaseQuery({
-        baseUrl: 'http://localhost:8080',
+        baseUrl: getConfig().graphql,
         fetchFn: fetch,
     }),
     endpoints: (builder) => ({