Config/env vars

__mocks__/handlers/endorsements.handler.js

@@ -3,7 +3,7 @@ import { BASE_URL } from "@/constants/urls";
 import endorsementDetails from "../db/endorsementDetails.json";
 
 export const endorsementsHandler = [
-    rest.get(`${BASE_URL.dev}/endorsements`, (req, res, ctx) => {
+    rest.get(`${BASE_URL}/endorsements`, (req, res, ctx) => {
         return res(ctx.status(200), ctx.json(endorsementDetails));
     }),
 ];

process-env.d.ts

@@ -6,5 +6,6 @@ declare namespace NodeJS {
         NEXT_PUBLIC_WELCOME_SITE: string;
         NEXT_PUBLIC_WWW_SITE: string;
         NEXT_PUBLIC_MY_SITE: string;
+        NEXT_PUBLIC_APP_ENV: "staging" | "production" | "test" | "development";
     }
 }

src/components/common/Navbar/navbar.constants.ts

@@ -1,28 +1,28 @@
-import { RDS_BACKEND_URL } from "@/constants/urls";
+import { RDS_BACKEND_URL, URLS } from "@/constants/urls";
 import { NavbarLink } from "./navbar.types";
 
 // ?v2=true so that we get rds-session-v2 cookie from RDS backend
-export const SIGNIN_URL = `${RDS_BACKEND_URL}/auth/github/login?redirectURL=${process.env.NEXT_PUBLIC_SKILL_TREE_SITE}?v2=true`;
+export const SIGNIN_URL = `${RDS_BACKEND_URL}/auth/github/login?redirectURL=${URLS.SKILL_TREE_SITE}?v2=true`;
 
 export const NAVBAR_LINKS: NavbarLink[] = [
     {
         id: "welcome-site",
         name: "Welcome",
-        link: process.env.NEXT_PUBLIC_WELCOME_SITE,
+        link: URLS.WELCOME_SITE,
     },
     {
         id: "events-site",
         name: "Events",
-        link: `${process.env.NEXT_PUBLIC_WWW_SITE}/events`,
+        link: `${URLS.WWW_SITE}/events`,
     },
     {
         id: "members-site",
         name: "Members",
-        link: process.env.NEXT_PUBLIC_MEMBERS_SITE,
+        link: URLS.MEMBERS_SITE,
     },
     {
         id: "status-site",
         name: "Status",
-        link: process.env.NEXT_PUBLIC_STATUS_SITE,
+        link: URLS.STATUS_SITE,
     },
 ];

src/constants/urls.ts

@@ -1,2 +1,50 @@
-export const BASE_URL = process.env.NEXT_PUBLIC_BACKEND_BASE_URL;
-export const RDS_BACKEND_URL = process.env.NEXT_PUBLIC_RDS_BACKEND_URL;
+type Urls = {
+    [key: string]: {
+        BACKEND_BASE_URL: string;
+        RDS_BACKEND_URL: string;
+        SKILL_TREE_SITE: string;
+        STATUS_SITE: string;
+        MEMBERS_SITE: string;
+        WELCOME_SITE: string;
+        WWW_SITE: string;
+        MY_SITE: string;
+    };
+};
+
+export const URLS_MAP: Urls = {
+    production: {
+        BACKEND_BASE_URL: "https://skilltree-api.realdevsquad.com/v1",
+        RDS_BACKEND_URL: "https://api.realdevsquad.com",
+        SKILL_TREE_SITE: "https:/skilltree.realdevsquad.com",
+        STATUS_SITE: "https://status.realdevsquad.com",
+        MEMBERS_SITE: "https://members.realdevsquad.com",
+        WELCOME_SITE: "https://welcome.realdevsquad.com",
+        WWW_SITE: "https://www.realdevsquad.com",
+        MY_SITE: "https://my.realdevsquad.com",
+    },
+    staging: {
+        BACKEND_BASE_URL: "https://staging-skilltree-api.realdevsquad.com/v1",
+        RDS_BACKEND_URL: "https://staging-api.realdevsquad.com",
+        SKILL_TREE_SITE: "https://staging-skilltree.realdevsquad.com",
+        STATUS_SITE: "https://staging-status.realdevsquad.com",
+        MEMBERS_SITE: "https://staging-members.realdevsquad.com",
+        WELCOME_SITE: "https://welcome.realdevsquad.com",
+        WWW_SITE: "https://staging-www.realdevsquad.com",
+        MY_SITE: "https://staging-my.realdevsquad.com",
+    },
+    development: {
+        BACKEND_BASE_URL: "https://staging-skilltree-api.realdevsquad.com/v1",
+        RDS_BACKEND_URL: "https://staging-api.realdevsquad.com",
+        SKILL_TREE_SITE: "https://staging-skilltree.realdevsquad.com",
+        STATUS_SITE: "https://staging-status.realdevsquad.com",
+        MEMBERS_SITE: "https://staging-members.realdevsquad.com",
+        WELCOME_SITE: "https://welcome.realdevsquad.com",
+        WWW_SITE: "https://staging-www.realdevsquad.com",
+        MY_SITE: "https://staging-my.realdevsquad.com",
+    },
+};
+
+export const URLS = { ...URLS_MAP[process.env.NEXT_PUBLIC_APP_ENV] };
+
+export const BASE_URL: string = URLS.BACKEND_BASE_URL;
+export const RDS_BACKEND_URL: string = URLS.RDS_BACKEND_URL;