diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
new file mode 100644
index 0000000..1d9b453
--- /dev/null
+++ b/.github/workflows/ci.yml
@@ -0,0 +1,92 @@
+name: ci
+
+on:
+  push:
+    branches: [main, develop]
+  pull_request:
+    branches: [main, develop]
+
+permissions:
+  contents: read
+  pull-requests: write
+
+concurrency:
+  group: ci-${{ github.ref }}
+  cancel-in-progress: true
+
+jobs:
+  build-and-deploy:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout Code
+        uses: actions/checkout@v4
+
+      - name: Install pnpm
+        uses: pnpm/action-setup@v4
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: "20.x"
+          cache: "pnpm"
+
+      - name: Install dependencies
+        run: pnpm install --frozen-lockfile
+
+      - name: Check project
+        id: check_step
+        run: pnpm run lint && pnpm run typecheck
+        continue-on-error: true
+
+      - name: Build project
+        id: build_step
+        run: pnpm run build
+        continue-on-error: true
+
+      - name: Output build result
+        if: github.event_name == 'pull_request' && always()
+        uses: marocchino/sticky-pull-request-comment@v2
+        with:
+          header: build-result
+          message: |
+            ### 🚀 빌드 결과
+            ${{ steps.check_step.outcome == 'success' && '🩵 린트 검사 완료' || '😥 린트 검사 실패' }}
+            ${{ steps.build_step.outcome == 'success' && '💙 빌드 성공' || '😭 빌드 실패' }}
+
+            <details>
+              <summary>✔️ 로그 확인하기</summary>
+              <br>
+              <a href="${{ github.server_url }}/${{ github.repository }}/actions/runs/${{ github.run_id }}">
+                Actions 탭에서 자세히 보기!
+              </a>
+            </details>
+
+      - name: Notify Discord Alarm
+        if: github.event_name == 'pull_request' && always()
+        run: |
+          PR_TITLE="${{ github.event.pull_request.title }}"
+          PR_USER="${{ github.event.pull_request.user.login }}"
+          PR_URL="${{ github.event.pull_request.html_url }}"
+
+          if [ "${{ steps.build_step.outcome }}" == "success" ]; then
+            COLOR=3066993
+            TITLE="💙 빌드 성공"
+          else
+            COLOR=15158332
+            TITLE="😭 빌드 실패"
+          fi
+
+          DESCRIPTION="📄 Title : \`$PR_TITLE\`\n ✏️ 작성자 : \`$PR_USER\`\n\n[🔎 PR보러가기]($PR_URL)"
+          curl -H "Content-Type: application/json" \
+               -d "{
+                 \"embeds\": [{
+                   \"title\": \"$TITLE\",
+                   \"description\": \"$DESCRIPTION\",
+                   \"color\": $COLOR
+                 }]
+               }" \
+               "${{ secrets.DISCORD_WEBHOOK_URL }}"
+
+      - name: Check Build Status
+        if: steps.check_step.outcome == 'failure' || steps.build_step.outcome == 'failure'
+        run: exit 1
\ No newline at end of file
diff --git a/.github/workflows/vercel-sync.yml b/.github/workflows/vercel-sync.yml
new file mode 100644
index 0000000..fc9e2af
--- /dev/null
+++ b/.github/workflows/vercel-sync.yml
@@ -0,0 +1,27 @@
+name: sync-fork-for-vercel-deploy
+
+on:
+  push:
+    branches: [main]
+  workflow_dispatch:
+
+permissions:
+  contents: write
+
+jobs:
+  sync-fork:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v4
+        with:
+          token: ${{ secrets.FORK_SYNC_TOKEN }}
+
+      - name: Sync upstream -> fork (u-zzn)
+        uses: tgymnich/fork-sync@v2.3.1
+        with:
+          github_token: ${{ secrets.FORK_SYNC_TOKEN }}
+          owner: u-zzn
+          base: main
+          head: main