diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
new file mode 100644
index 00000000..00403017
--- /dev/null
+++ b/.github/workflows/deploy.yml
@@ -0,0 +1,30 @@
+name: Deploy to GitHub Pages
+
+on:
+  push:
+    branches:
+      - all-blocks
+
+jobs:
+  build-and-deploy:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+
+      - name: Install Bun
+        uses: oven-sh/setup-bun@v2
+
+      - name: Install dependencies with Bun
+        run: bun install
+
+      - name: Build project
+        run: bun run build
+
+      - name: Deploy to GitHub Pages
+        uses: peaceiris/actions-gh-pages@v4
+        with:
+          github_token: ${{ secrets.GITHUB_TOKEN }}
+          publish_dir: ./dist
+          cname: preview.pro.ant.design
diff --git a/package.json b/package.json
index 361731cd..14194a60 100644
--- a/package.json
+++ b/package.json
@@ -47,7 +47,8 @@
     "@ant-design/plots": "^2.6.0",
     "@antv/l7-react": "^2.4.3",
     "@antv/l7": "^2.22.7",
-    "numeral": "^2.0.6"
+    "numeral": "^2.0.6",
+    "rc-util": "^5.44.4"
   },
   "devDependencies": {
     "@ant-design/pro-cli": "^3.3.0",
diff --git a/src/loading.tsx b/src/loading.tsx
new file mode 100644
index 00000000..4b651c0a
--- /dev/null
+++ b/src/loading.tsx
@@ -0,0 +1,5 @@
+import { Skeleton } from 'antd';
+
+const Loading: React.FC = () => <Skeleton style={{ margin: '24px 40px' }} active />;
+
+export default Loading;