chore: ci workflow 개선, 약간의 이미지 최적화 작업들, 부하테스트 (#316)

* feat: prefetch & ssr pages (#310-prefetch)

* chore: ci improves and next.js add sharp (#ci-advancement)

* feat(nx-cloud): setup nx cloud workspace (#315)

This commit sets up Nx Cloud for your Nx workspace, enabling distributed caching and the Nx Cloud GitHub integration for fast CI and improved developer experience.

You can access your Nx Cloud workspace by going to
https://cloud.nx.app/orgs/679e78e771fd2cb4bf200e5c/workspaces/679e791071fd2cb4bf200e60

**Note:** This commit attempts to maintain formatting of the nx.json file, however you may need to correct formatting by running an nx format command and committing the changes.

* chore: add cancel-in-progress: true (#ci-advancement)

* fix: ci-app.yml fix (#ci-advancement)

* chore: conflicts (#ci-advancement)

* chore: update ci for using nx (#ci-advancement)

* chore: next.js project에도 bundle analyze와 부하 테스트트 스크립트 추가 (#ci-advancement)

Author: createhb21

.github/actions/pnpm-install/action.yml

@@ -7,7 +7,7 @@ runs:
     - name: Setup pnpm
       uses: pnpm/action-setup@v2
       with:
-        version: 8 # or your preferred version
+        version: 8
 
     - name: Get pnpm store directory
       id: pnpm-cache

.github/workflows/ci-app.yml

@@ -0,0 +1,64 @@
+name: APP CI
+
+on:
+  pull_request:
+    paths:
+      - 'services/**'
+      - 'package.json'
+      - 'pnpm-lock.yaml'
+      - '.github/workflows/**'
+
+permissions:
+  actions: read
+  contents: read
+
+concurrency:
+  group: ${{ github.workflow }}-${{ github.ref }}
+  cancel-in-progress: true
+
+env:
+  DEFAULT_NODE_VERSION: '20.13.0'
+  HUSKY: '0'
+  NEXT_TELEMETRY_DISABLED: '1'
+
+jobs:
+  main:
+    name: 🚀 CI Pipeline
+    runs-on: ubuntu-latest
+    timeout-minutes: 15
+    steps:
+      - name: 📥 Checkout Repository
+        uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+
+      - name: 🔨 Setup Node.js
+        uses: actions/setup-node@v3
+        timeout-minutes: 1
+        with:
+          node-version: ${{ env.DEFAULT_NODE_VERSION }}
+
+      - name: 📦 Install Dependencies
+        uses: ./.github/actions/pnpm-install
+        timeout-minutes: 5
+
+      - name: 🔄 Set Nx Base/Head
+        uses: nrwl/nx-set-shas@v4
+
+      - name: 🔑 Create Environment File
+        timeout-minutes: 1
+        run: |
+          echo '${{ secrets.DEV_REACT_APP_CONFIG }}' > config.json
+          echo '${{ secrets.DEV_ONE_APP_CONFIG }}' | jq -r 'to_entries | .[] | "\(.key)=\(.value)"' > services/one-app/.env
+
+      - name: 🔍 Run Type Check
+        run: pnpm nx-cloud record -- nx affected -t type-check
+
+      - name: 📦 Run Build
+        run: pnpm nx-cloud record -- nx affected -t build
+
+      - name: 🧪 Run Tests
+        run: pnpm nx-cloud record -- nx-cloud record -- nx affected -t test
+
+      - name: 💅 Run Lint
+        run: pnpm nx-cloud record -- nx-cloud record -- nx affected -t lint

.github/workflows/ci-nextjs.yml

@@ -15,6 +15,7 @@ COPY pnpm-workspace.yaml   ./
 COPY .nx                   ./ 
 
 RUN pnpm install 
+RUN pnpm install sharp
 
 ENV NEXT_TELEMETRY_DISABLED=1 
 

.github/workflows/ci.yml

@@ -1,90 +1,43 @@
 {
   "extends": "nx/presets/npm.json",
-  "affected": {
-    "defaultBase": "main"
-  },
   "workspaceLayout": {
     "appsDir": "services",
     "libsDir": "packages"
   },
-  "tasksRunnerOptions": {
-    "default": {
-      "runner": "nx/tasks-runners/default",
-      "options": {
-        "cacheableOperations": [
-          "build",
-          "test",
-          "test:run",
-          "test:coverage",
-          "lint",
-          "lint:fix",
-          "type-check"
-        ]
-      }
-    }
-  },
   "targetDefaults": {
-    "dev": {
-      "cache": false,
-      "persistent": true
-    },
-    "build": {
-      "dependsOn": ["^build", "type-check"],
-      "outputs": ["{projectRoot}/dist/**"]
-    },
-    "start": {
-      "dependsOn": ["build"],
-      "cache": false,
-      "persistent": true
+    "type-check": {
+      "cache": true,
+      "inputs": ["{projectRoot}/**/*.{ts,tsx}", "{projectRoot}/tsconfig.json"]
     },
     "lint": {
-      "dependsOn": ["^lint", "type-check"],
-      "inputs": ["{projectRoot}/**/*.{js,ts,tsx}"]
-    },
-    "lint:fix": {
-      "dependsOn": ["^lint:fix"],
+      "cache": true,
       "inputs": ["{projectRoot}/**/*.{js,ts,tsx}"]
     },
-    "type-check": {
-      "cache": false,
-      "inputs": ["{projectRoot}/**/*.{ts,tsx}", "{projectRoot}/tsconfig.json"]
-    },
-    "test": {
+    "build": {
+      "cache": true,
       "dependsOn": ["^build"],
-      "cache": false,
-      "inputs": ["{projectRoot}/src/**/*.{js,ts,tsx}", "{projectRoot}/test/**/*.{js,ts,tsx}"]
+      "outputs": ["{projectRoot}/dist/**"]
     },
-    "test:run": {
-      "dependsOn": ["^build"],
+    "test": {
       "cache": true,
       "inputs": ["{projectRoot}/src/**/*.{js,ts,tsx}", "{projectRoot}/test/**/*.{js,ts,tsx}"]
     },
-    "test:coverage": {
-      "dependsOn": ["^build"],
-      "cache": true,
-      "inputs": ["{projectRoot}/src/**/*.{js,ts,tsx}", "{projectRoot}/test/**/*.{js,ts,tsx}"],
-      "outputs": ["{projectRoot}/coverage/**"]
-    },
-    "test:playwright": {
-      "dependsOn": ["^build"],
-      "cache": false,
-      "inputs": ["{projectRoot}/src/**/*.{js,ts,tsx}", "{projectRoot}/e2e/**/*.{js,ts,tsx}"]
-    },
-    "test:playwright:ui": {
-      "dependsOn": ["^build"],
+    "start": {
       "cache": false,
-      "inputs": ["{projectRoot}/src/**/*.{js,ts,tsx}", "{projectRoot}/e2e/**/*.{js,ts,tsx}"]
+      "persistent": true,
+      "dependsOn": ["^build"]
     },
-    "test:all": {
-      "dependsOn": ["^build", "test:run", "test:playwright"],
-      "cache": false
+    "lint:fix": {
+      "cache": true
     }
   },
+  "defaultBase": "main",
   "namedInputs": {
     "default": ["{projectRoot}/**/*", "!{projectRoot}/**/*.md"],
     "production": ["default", "!{projectRoot}/**/*.spec.ts"]
   },
   "implicitDependencies": {
     "**/.env.*local": "*"
-  }
+  },
+  "nxCloudId": "679e791071fd2cb4bf200e60"
 }

Dockerfile

@@ -19,11 +19,7 @@
     "all:build": "nx run-many --target=build --all",
     "all:lint": "nx run-many --target=lint --all",
     "all:lint:fix": "nx run-many --target=lint:fix --all",
-    "all:test": "nx run-many --target=test --all",
-    "all:test:unit": "nx run-many --target=test:run --all",
-    "all:test:coverage": "nx run-many --target=test:coverage --all",
-    "all:test:e2e": "nx run-many --target=test:playwright --all",
-    "all:test:e2e:ui": "nx run-many --target=test:playwright:ui --all"
+    "all:test": "nx run-many --target=test --all"
   },
   "devDependencies": {
     "@trivago/prettier-plugin-sort-imports": "^4.3.0",