docs: add upage usage instructions document

.github/workflows/ci.yaml

@@ -3,7 +3,7 @@ name: CI/CD
 on:
   push:
     branches:
-      - master
+      - main
   pull_request:
 
 jobs:

.github/workflows/docs.yaml

@@ -5,32 +5,37 @@ on:
     branches:
       - main
     paths:
-      - 'docs/**' # This will only trigger the workflow when files in docs directory change
+      - 'docs/**'
 permissions:
   contents: write
 jobs:
   build_docs:
     runs-on: ubuntu-latest
-    defaults:
-      run:
-        working-directory: ./docs
     steps:
       - uses: actions/checkout@v4
+
       - name: Configure Git Credentials
         run: |
           git config user.name github-actions[bot]
           git config user.email 41898282+github-actions[bot]@users.noreply.github.com
-      - uses: actions/setup-node@v4
+
+      - name: Setup pnpm
+        uses: pnpm/action-setup@v4
         with:
-          node-version: 18
-          cache: npm
-          cache-dependency-path: docs/package-lock.json
+          version: '9.4.0'
+          run_install: false
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: '20.15.1'
+          cache: pnpm
 
       - name: Install dependencies
-        run: npm ci
+        run: pnpm install --filter upage-docs...
 
-      - name: Build website
-        run: npm run build
+      - name: Build docs website
+        run: pnpm run docs:build
 
       - name: Deploy to GitHub Pages
         uses: peaceiris/actions-gh-pages@v3