From 956a58247aac59b8e5e922d9f6b2f7c8df71a338 Mon Sep 17 00:00:00 2001
From: Dohyun Jung <serithemage@gmail.com>
Date: Thu, 23 Jan 2025 12:54:13 +0900
Subject: [PATCH] =?UTF-8?q?ci:=20GitHub=20Pages=20=EB=B0=B0=ED=8F=AC=20?=
 =?UTF-8?q?=EC=9B=8C=ED=81=AC=ED=94=8C=EB=A1=9C=EC=9A=B0=20=EA=B0=9C?=
 =?UTF-8?q?=EC=84=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- GitHub Actions 공식 Pages 액션으로 변경
- 권한 설정 추가
- 빌드와 배포 작업 분리
- 수동 실행 트리거 추가
---
 .github/workflows/frontend-deploy.yml | 31 +++++++++++++++++++++------
 README.md                             |  3 ++-
 2 files changed, 27 insertions(+), 7 deletions(-)

diff --git a/.github/workflows/frontend-deploy.yml b/.github/workflows/frontend-deploy.yml
index b3e8980..d72388e 100644
--- a/.github/workflows/frontend-deploy.yml
+++ b/.github/workflows/frontend-deploy.yml
@@ -5,9 +5,15 @@ on:
     branches: [ main ]
     paths:
       - 'frontend/**'
+  workflow_dispatch:
+
+permissions:
+  contents: read
+  pages: write
+  id-token: write
 
 jobs:
-  build-and-deploy:
+  build:
     runs-on: ubuntu-latest
     
     steps:
@@ -31,9 +37,22 @@ jobs:
         env:
           VITE_API_ENDPOINT: ${{ secrets.VITE_API_ENDPOINT }}
 
-      - name: Deploy to GitHub Pages
-        uses: peaceiris/actions-gh-pages@v3
+      - name: Setup Pages
+        uses: actions/configure-pages@v3
+
+      - name: Upload artifact
+        uses: actions/upload-pages-artifact@v2
         with:
-          github_token: ${{ secrets.GITHUB_TOKEN }}
-          publish_dir: ./frontend/dist
-          cname: todo.awskrug.dev # 필요한 경우 CNAME 설정
+          path: ./frontend/dist
+
+  deploy:
+    needs: build
+    runs-on: ubuntu-latest
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    
+    steps:
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v2
diff --git a/README.md b/README.md
index 3373ed3..cb074e4 100644
--- a/README.md
+++ b/README.md
@@ -2,10 +2,11 @@
 
 [![GitHub license](https://img.shields.io/github/license/awskrug/aiengineering-demo)](LICENSE)
 [![GitHub stars](https://img.shields.io/github/stars/awskrug/aiengineering-demo)](https://github.com/awskrug/aiengineering-demo/stargazers)
+[![배포 상태](https://github.com/awskrug/aiengineering-demo/actions/workflows/frontend-deploy.yml/badge.svg)](https://todo.awskrug.dev)
 
 AWS 서버리스 아키텍처를 활용한 현대적인 TODO 애플리케이션입니다. 이 프로젝트는 [2025년 1월 22일 있었던 AWS Korea User Group의 AI 엔지니어링 모임](https://www.meetup.com/awskrug/events/305372486/?slug=awskrug&eventId=305372486)에서 진행한 발표 내용의 일부로 라이브 코딩을 통해 제작되었습니다.
 
-🔗 [데모 페이지](https://awskrug.github.io/aiengineering-demo/)
+🔗 [데모 애플리케이션](https://todo.awskrug.dev)
 
 ## 📚 프로젝트 문서