Dev to main merge

.env.sample

@@ -0,0 +1,12 @@
+# dev | staging | prod
+NEXT_PUBLIC_APP_ENV=dev
+
+NEXT_PUBLIC_SKILL_TREE_BACKEND_BASE_URL = 'https://staging-skilltree-api.realdevsquad.com/v1'
+NEXT_PUBLIC_RDS_BACKEND_BASE_URL='https://staging-api.realdevsquad.com'
+
+NEXT_PUBLIC_SKILL_TREE_URL='https://staging-skilltree.realdevsquad.com'
+NEXT_PUBLIC_STATUS_SITE_URL='https://staging-status.realdevsquad.com'
+NEXT_PUBLIC_MEMBERS_SITE_URL='https://staging-members.realdevsquad.com'
+NEXT_PUBLIC_WELCOME_SITE_URL='https://welcome.realdevsquad.com'
+NEXT_PUBLIC_WWW_SITE_URL='https://staging-www.realdevsquad.com'
+NEXT_PUBLIC_MY_SITE_URL='https://staging-my.realdevsquad.com'

.eslintrc.json

@@ -1,14 +1,46 @@
 {
-    "plugins": ["react", "react-hooks", "prettier", "@typescript-eslint"],
-    "extends": ["eslint:recommended", "next", "next/core-web-vitals", "prettier"],
-    "env": {
-        "jest": true
-    },
+    "extends": [
+        "eslint:recommended",
+        "plugin:react/recommended",
+        "plugin:@typescript-eslint/recommended",
+        "prettier",
+        "next/core-web-vitals"
+    ],
+    "parser": "@typescript-eslint/parser",
+    "plugins": ["react", "@typescript-eslint", "import"],
     "rules": {
-        "indent": ["error", 4],
-        "quotes": ["error", "double"],
-        "semi": ["error", "always"],
-        "no-unused-vars": "off",
-        "@typescript-eslint/no-unused-vars": "error"
-    }
+        "eol-last": ["error", "always"],
+        "linebreak-style": ["error", "unix"],
+        "@typescript-eslint/no-explicit-any": "error",
+        "@typescript-eslint/no-non-null-assertion": "warn",
+        "import/order": [
+            "error",
+            {
+                "alphabetize": {
+                    "order": "asc",
+                    "caseInsensitive": true
+                },
+                "newlines-between": "always",
+                "groups": ["builtin", "external", "internal", "parent", "sibling", "index"],
+                "pathGroups": [
+                    {
+                        "pattern": "react",
+                        "group": "external",
+                        "position": "before"
+                    },
+                    {
+                        "pattern": "@/*",
+                        "group": "internal"
+                    }
+                ],
+                "pathGroupsExcludedImportTypes": ["builtin", "@/*"]
+            }
+        ]
+    },
+    "settings": {
+        "react": {
+            "version": "detect"
+        }
+    },
+    "ignorePatterns": ["node_modules/", ".next/", "out/"]
 }

.github/workflows/build-and-test.yml

@@ -0,0 +1,44 @@
+name: Build and test checks
+on:
+    pull_request:
+        branches: ["*"]
+jobs:
+    build-and-test:
+        runs-on: ubuntu-latest
+        steps:
+            - uses: actions/checkout@v4
+
+            - name: Cache node modules
+              id: cache-npm
+              uses: actions/cache@v3
+              env:
+                  cache-name: cache-node-modules
+              with:
+                  # npm cache files are stored in `~/.npm` on Linux/macOS
+                  path: ~/.npm
+                  key: ${{ runner.os }}-build-${{ env.cache-name }}-${{ hashFiles('**/package-lock.json') }}
+                  restore-keys: |
+                      ${{ runner.os }}-build-${{ env.cache-name }}-
+                      ${{ runner.os }}-build-
+                      ${{ runner.os }}-
+
+            - if: ${{ steps.cache-npm.outputs.cache-hit != 'true' }}
+              name: List the state of node modules
+              continue-on-error: true
+              run: npm list
+
+            - name: Install dependencies
+              run: npm ci
+
+            - name: Create sample env
+              run: cp .env.sample .env.local
+
+            - name: Check format
+              run: npm run check-format
+
+            - name: Build
+              run: npm run build
+
+            # TODO : Uncomment the following lines after adding tests
+            # - name: Test
+            #   run: npm test

.gitignore

@@ -23,9 +23,6 @@ lib-cov
 coverage
 *.lcov
 
-#VS code
-.vscode/
-
 # nyc test coverage
 .nyc_output
 
@@ -131,4 +128,6 @@ dist
 .yarn/build-state.yml
 .yarn/install-state.gz
 .pnp.*
-.yarnrc.yml
+.yarnrc.yml
+
+.env

.vscode/extensions.json

@@ -0,0 +1,8 @@
+{
+    "recommendations": [
+        "dbaeumer.vscode-eslint",
+        "esbenp.prettier-vscode",
+        "bradlc.vscode-tailwindcss",
+        "streetsidesoftware.code-spell-checker"
+    ]
+}

.vscode/settings.json

@@ -0,0 +1,66 @@
+{
+    /**
+    Editor rules
+    ------------
+  */
+    "editor.formatOnSave": true,
+    "editor.tabSize": 4,
+    "editor.insertSpaces": false,
+    "prettier.tabWidth": 4,
+    "prettier.printWidth": 120,
+    "editor.rulers": [
+        {
+            "column": 120
+        }
+    ],
+    /**
+    Formatters
+    ------------
+  */
+    "editor.defaultFormatter": "esbenp.prettier-vscode",
+    "[javascript]": {
+        "editor.defaultFormatter": "esbenp.prettier-vscode"
+    },
+    "[typescript]": {
+        "editor.defaultFormatter": "esbenp.prettier-vscode"
+    },
+    "[javascriptreact]": {
+        "editor.defaultFormatter": "esbenp.prettier-vscode"
+    },
+    "[typescriptreact]": {
+        "editor.defaultFormatter": "esbenp.prettier-vscode"
+    },
+    "prettier.requireConfig": true,
+    /**
+    New Lines
+    ------------
+  */
+    "files.eol": "\n",
+    "files.insertFinalNewline": true,
+    /**
+    Linting
+    ------------
+  */
+    "eslint.run": "onSave",
+    "editor.codeActionsOnSave": {
+        "source.fixAll.eslint": "always"
+    },
+    /**
+    Miscelaneous
+    ------------
+  */
+    "typescript.tsdk": "node_modules/typescript/lib",
+    /**
+    TailwindCSS
+    ------------
+  */
+    "tailwindCSS.experimental.classRegex": [
+        ["cva\\(([^)]*)\\)", "[\"'`]([^\"'`]*).*?[\"'`]"],
+        ["cx\\(([^)]*)\\)", "(?:'|\"|`)([^']*)(?:'|\"|`)"]
+    ],
+    "[jsonc]": {
+        "editor.defaultFormatter": "esbenp.prettier-vscode"
+    },
+    "editor.fontFamily": "Office Code Pro, Menlo, Monaco, 'Courier New', monospace",
+    "editor.fontSize": 13
+}