feat: add GitHub Pages deployment for web-preview

- Add GitHub Pages workflow to deploy web-preview React app
- Configure Vite for GitHub Pages with proper base path
- Update release workflow to validate web-preview builds
- Add demo link to README with live GitHub Pages URL
- Configure GitHub Pages settings (.nojekyll, _config.yml)
- Update CLAUDE.md with web-preview development commands

This separates concerns:
- NPM module: Core functionality published to npm registry
- GitHub Pages: Interactive demo hosted at github.io

Author: 253eosam

.github/workflows/deploy-pages.yml

@@ -0,0 +1,53 @@
+name: Deploy to GitHub Pages
+
+on:
+  push:
+    branches: [ main ]
+    paths:
+      - 'web-preview/**'
+      - '.github/workflows/deploy-pages.yml'
+  workflow_dispatch:
+
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+concurrency:
+  group: "pages"
+  cancel-in-progress: false
+
+jobs:
+  build-and-deploy:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: '20'
+          cache: 'npm'
+          cache-dependency-path: 'web-preview/package-lock.json'
+
+      - name: Install dependencies
+        working-directory: ./web-preview
+        run: npm ci
+
+      - name: Build web preview
+        working-directory: ./web-preview
+        run: npm run build
+
+      - name: Setup Pages
+        uses: actions/configure-pages@v4
+
+      - name: Upload artifact
+        uses: actions/upload-pages-artifact@v3
+        with:
+          path: './web-preview/dist'
+
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v4

.github/workflows/release.yml

@@ -39,12 +39,20 @@ jobs:
       - name: Install dependencies
         run: npm ci
 
+      - name: Install web-preview dependencies (for build check)
+        working-directory: ./web-preview
+        run: npm ci
+
       - name: Run tests
         run: npm test
 
       - name: Build project
         run: npm run build
 
+      - name: Build web-preview (validation)
+        working-directory: ./web-preview
+        run: npm run build
+
       - name: Extract version from tag
         id: version
         run: |

CLAUDE.md

@@ -10,6 +10,12 @@ This file provides guidance to Claude Code (claude.ai/code) when working with co
 - `npm test` - Run all tests using Node.js built-in test runner
 - `npm run prepublishOnly` - Build before publishing (runs automatically)
 
+### Web Preview Development
+
+- `cd web-preview && npm run dev` - Start development server for React demo
+- `cd web-preview && npm run build` - Build demo for production
+- `cd web-preview && npm run preview` - Preview built demo locally
+
 ### Release Process
 
 - `npm run release:patch` - Bump patch version and publish

README.md

@@ -22,6 +22,10 @@ npm install @253eosam/commit-from-branch --save-dev
 
 > **Note**: This package requires Husky v9 as a peer dependency. npm will automatically warn you if it's not installed.
 
+## Demo
+
+🌐 **[Live Demo](https://253eosam.github.io/commit-from-branch/)** - Try the interactive demo to see how commit message templating works!
+
 ## Quick Start
 
 1. **Install Husky v9** (if not already installed):

web-preview/public/.nojekyll

@@ -0,0 +1,3 @@
+# GitHub Pages에서 모든 파일을 처리하도록 설정
+include:
+  - "_*"

web-preview/public/_config.yml

@@ -4,4 +4,9 @@ import react from '@vitejs/plugin-react'
 // https://vite.dev/config/
 export default defineConfig({
   plugins: [react()],
+  base: '/commit-from-branch/', // GitHub Pages 저장소 경로
+  build: {
+    outDir: 'dist',
+    sourcemap: true,
+  },
 })