1
+
1
2
flowchart TD
2
- subgraph Development
3
- dev [ Developer Codes] --> commit [ Commit to GitHub]
4
- commit --> pr [ Create Pull Request]
5
- end
3
+ subgraph Development
4
+ dev [ Developer Codes] --> husky [ Husky Pre-commit Checks]
5
+ husky --> commit [ Commit to GitHub]
6
+ commit --> pr [ Create Pull Request]
7
+ end
6
8
7
- subgraph "CI /CD Pipeline "
8
- pr --> validate [ GitHub Actions: Validate Job]
9
- validate --> tests [ Run Tests]
10
- tests --> build [ Build Application]
11
-
12
- subgraph Testing
13
- tests --> lint [ ESLint]
14
- tests --> typecheck [ TypeScript Check]
15
- tests --> unittest [ Jest Unit Tests]
16
- tests --> e2e [ Playwright E2E Tests]
17
- end
18
-
19
- build --> merge [ Merge to Main]
20
- merge --> deploy [ GitHub Actions: Deploy Job]
21
- end
22
-
23
- subgraph Dockerization
24
- deploy --> docker_build [ Build Docker Images]
25
- docker_build --> client_img [ Client Image]
26
- docker_build --> server_img [ Server Image]
27
- client_img --> push_registry [ Push to GitHub Container Registry]
28
- server_img --> push_registry
29
- end
30
-
31
- subgraph "VPS Deployment "
32
- push_registry --> ssh_vps [ SSH into VPS]
33
- ssh_vps --> pull_images [ Pull Latest Images]
34
- pull_images --> compose [ Create docker-compose.yml]
35
- compose --> restart [ Restart Containers]
36
- restart --> nginx [ Configure Nginx]
37
- nginx --> ssl [ Set Up SSL with Certbot]
9
+ subgraph "CI /CD Pipeline "
10
+ pr --> validate [ GitHub Actions: Validate Job]
11
+ validate --> tests [ Run Tests]
12
+ tests --> build [ Build Application]
13
+
14
+ subgraph Testing
15
+ tests --> lint [ ESLint]
16
+ tests --> typecheck [ TypeScript Check]
17
+ tests --> unittest [ Jest Unit Tests]
18
+ tests --> e2e [ Playwright E2E Tests]
38
19
end
39
-
40
- classDef dev fill :#d4f1f9 , stroke :#05a , stroke-width :2px
41
- classDef ci fill :#ffe6cc , stroke :#d79b00 , stroke-width :2px
42
- classDef docker fill :#d5e8d4 , stroke :#82b366 , stroke-width :2px
43
- classDef vps fill :#e1d5e7 , stroke :#9673a6 , stroke-width :2px
44
-
45
- class Development dev
46
- class "CI/CD Pipeline" ci
47
- class Dockerization docker
48
- class "VPS Deployment" vps
20
+
21
+ build --> merge [ Merge to Main]
22
+ merge --> deploy [ GitHub Actions: Deploy Job]
23
+ end
24
+
25
+ subgraph Dockerization
26
+ deploy --> docker_build [ Build Docker Images]
27
+ docker_build --> client_img [ Client Image]
28
+ docker_build --> server_img [ Server Image]
29
+ client_img --> push_registry [ Push to GitHub Container Registry]
30
+ server_img --> push_registry
31
+ end
32
+
33
+ subgraph "VPS Deployment "
34
+ push_registry --> ssh_vps [ SSH into VPS]
35
+ ssh_vps --> pull_images [ Pull Latest Images]
36
+ pull_images --> compose [ Create docker-compose.yml]
37
+ compose --> restart [ Restart Containers]
38
+ restart --> nginx [ Automatically Configure Nginx]
39
+ nginx --> ssl [ Set Up SSL with Certbot]
40
+ ssl --> restart2 [ Restart Nginx]
41
+ end
42
+
43
+ classDef dev fill :#d4f1f9 , stroke :#05a , stroke-width :2px
44
+ classDef ci fill :#ffe6cc , stroke :#d79b00 , stroke-width :2px
45
+ classDef docker fill :#d5e8d4 , stroke :#82b366 , stroke-width :2px
46
+ classDef vps fill :#e1d5e7 , stroke :#9673a6 , stroke-width :2px
47
+
48
+ class Development dev
49
+ class CI/CD_Pipeline ci
50
+ class Dockerization docker
51
+ class VPS_Deployment vps
0 commit comments