diff --git a/.github/workflows/page.yml b/.github/workflows/page.yml
new file mode 100644
index 0000000..70fa1b9
--- /dev/null
+++ b/.github/workflows/page.yml
@@ -0,0 +1,32 @@
+.github/workflows/pages.ymlname: Pages
+
+on:
+  push:
+    branches:
+      - main # default branch
+
+jobs:
+  pages:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+      - name: Use Node.js 20.17.0
+        uses: actions/setup-node@v2
+        with:
+          node-version: "20.17.0"
+      - name: Cache NPM dependencies
+        uses: actions/cache@v2
+        with:
+          path: node_modules
+          key: ${{ runner.OS }}-npm-cache
+          restore-keys: |
+            ${{ runner.OS }}-npm-cache
+      - name: Install Dependencies
+        run: npm install
+      - name: Build
+        run: npm run build
+      - name: Deploy
+        uses: peaceiris/actions-gh-pages@v3
+        with:
+          github_token: ${{ secrets.GITHUB_TOKEN }}
+          publish_dir: ./public