chore: github page deploy 설정

.github/workflows/deploy.yml

@@ -0,0 +1,36 @@
+name: Deploy static content to Pages
+
+on:
+  push:
+    branches: ['main']
+  pull_request:
+    branches: ['main']
+
+permissions:
+  contents: write
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    steps:
+      - uses: actions/checkout@v3
+      - name: Setup pnpm
+        uses: pnpm/action-setup@v2
+        with:
+          version: 8
+      - name: Use Node.js 💾
+        uses: actions/setup-node@v3
+        with:
+          node-version-file: '.nvmrc'
+          cache: 'pnpm'
+      - name: Install Dependencies And Build 🔧
+        run: pnpm install --frozen-lockfile && pnpm build
+      - name: Deploy with gh-pages 📦
+        run: |
+          git config --global user.email "[email protected]"
+          git config --global user.name "chan9yu"
+          git remote set-url origin https://git:${GITHUB_TOKEN}@github.com/${GITHUB_REPOSITORY}.git
+          pnpm run deploy -- -u "github-actions-bot <[email protected]>"
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

package.json

@@ -6,6 +6,7 @@
 	"description": "🧑🏻‍💻 infinite scroll challenge with React",
 	"packageManager": "[email protected]",
 	"author": "chan9yu <[email protected]>",
+	"homepage": "https://chan9yu.github.io/infinite-scroll-challenge/",
 	"repository": {
 		"type": "git",
 		"url": "https://github.com/chan9yu/infinite-scroll-challenge"
@@ -14,7 +15,8 @@
 		"dev": "vite",
 		"build": "tsc -b && vite build",
 		"lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
-		"preview": "vite preview"
+		"preview": "vite preview",
+		"deploy": "gh-pages -d dist"
 	},
 	"dependencies": {
 		"debug": "^4.3.7",
@@ -37,6 +39,7 @@
 		"eslint-plugin-react-hooks": "^4.6.2",
 		"eslint-plugin-react-refresh": "^0.4.8",
 		"eslint-plugin-storybook": "^0.8.0",
+		"gh-pages": "^6.1.1",
 		"postcss": "^8.4.47",
 		"prettier": "^3.3.3",
 		"tailwindcss": "^3.4.13",