diff --git a/.github/workflows/deploy-web.yaml b/.github/workflows/deploy-web.yaml
new file mode 100644
index 00000000..849d0b7a
--- /dev/null
+++ b/.github/workflows/deploy-web.yaml
@@ -0,0 +1,34 @@
+name: deploy web on github-page
+on:
+  push:
+    branches: [ main ]
+  pull_request:
+    branches: [ main ]
+
+jobs:
+  build:
+    name: Build Web
+    env:
+      my_secret: ${{secrets.commit_secret}}
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v1
+      - uses: subosito/flutter-action@v1
+        with:
+          channel: "stable"
+      - run: flutter config --enable-web
+      - run: flutter clean
+      - run: flutter pub get
+      - run: |
+          cd example
+          flutter build web --release --web-renderer html --base-href /client-sdk-flutter/
+          cd build/web
+          git init
+          git config --global user.email duanweiwei1982@gmail.com
+          git config --global user.name cloudwebrtc
+          git status
+          git remote add origin https://${{secrets.commit_secret}}@github.com/livekit/client-sdk-flutter.git
+          git checkout -b gh-pages
+          git add --all
+          git commit -m "update"
+          git push origin gh-pages -f
diff --git a/example/web/index.html b/example/web/index.html
index aafd56f6..fc088b36 100644
--- a/example/web/index.html
+++ b/example/web/index.html
@@ -11,7 +11,7 @@
     For more details:
     * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/base
   -->
-  <base href="/">
+  <base href="$FLUTTER_BASE_HREF">
 
   <meta charset="UTF-8">
   <meta content="IE=Edge" http-equiv="X-UA-Compatible">