diff --git a/.github/workflows/build_docker.yml b/.github/workflows/build_docker.yml
index a26dd19..071b372 100644
--- a/.github/workflows/build_docker.yml
+++ b/.github/workflows/build_docker.yml
@@ -11,7 +11,7 @@ name: Create and publish a dev Docker image
 
 on:
   push:
-    branches: ["main", "feat/add_docker_hub_spport"]
+    branches: ["main"]
 
 env:
   REGISTRY: ghcr.io
@@ -64,21 +64,6 @@ jobs:
           tags: ${{ steps.meta.outputs.tags }}
           labels: ${{ steps.meta.outputs.labels }}
 
-      - name: Login to DockerHub
-        uses: docker/login-action@v2
-        with:
-          username: huolalatech
-          password: ${{ secrets.DOCKERHUB_TOKEN }}
-
-      - name: Build and push
-        id: docker_build
-        uses: docker/build-push-action@v4
-        with:
-          context: .
-          push: true
-          tags: ${{ steps.meta.outputs.tags }}
-          labels: ${{ steps.meta.outputs.labels }}
-
       - name: Lark bot notify
         env:
           TOKEN: ${{ secrets.LARK_BOT_TOKEN }}
diff --git a/.github/workflows/build_docker_hub.yml b/.github/workflows/build_docker_hub.yml
new file mode 100644
index 0000000..8dc1006
--- /dev/null
+++ b/.github/workflows/build_docker_hub.yml
@@ -0,0 +1,73 @@
+# This workflow uses actions that are not certified by GitHub.
+# They are provided by a third-party and are governed by
+# separate terms of service, privacy policy, and support
+# documentation.
+
+# GitHub recommends pinning actions to a commit SHA.
+# To get a newer version, you will need to update the SHA.
+# You can also reference a tag or branch, but the action may change without warning.
+
+name: docker hub Create and publish a dev Docker image
+
+on:
+  push:
+    branches: ["main", "feat/add_docker_hub_spport"]
+
+env:
+  USER_NAME: huolalatech
+  IMAGE_NAME: page-spy-web
+
+jobs:
+  build-and-push-image:
+    runs-on: ubuntu-latest
+    permissions:
+      contents: read
+      packages: write
+
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v3
+
+      - name: Set Node.js 19.x
+        uses: actions/setup-node@v3
+        with:
+          node-version: 19.x
+
+      - name: Run install
+        uses: borales/actions-yarn@v4
+        with:
+          cmd: install --ignore-optional
+
+      - name: Build
+        run: |
+          yarn run build:client
+          cp -r dist backend/dist
+
+      - name: Login to DockerHub
+        uses: docker/login-action@v2
+        with:
+          username: ${{ env.USER_NAME }}
+          password: ${{ secrets.DOCKERHUB_TOKEN }}
+
+      - name: Extract metadata (tags, labels) for Docker
+        id: meta
+        uses: docker/metadata-action@v4
+        with:
+          images: ${{ env.USER_NAME }}/${{ env.IMAGE_NAME }}
+
+      - name: Build and push Docker hub image
+        uses: docker/build-push-action@v4
+        with:
+          context: .
+          push: true
+          tags: ${{ steps.meta.outputs.tags }}
+          labels: ${{ steps.meta.outputs.labels }}
+
+      - name: Lark bot notify
+        env:
+          TOKEN: ${{ secrets.LARK_BOT_TOKEN }}
+        run: |
+          BRANCH_NAME=$(echo $GITHUB_REF | sed 's/refs\/heads\///')
+          curl "https://pagespy.blucas.me/lark/ci?branch=$BRANCH_NAME&actionId=$GITHUB_RUN_ID" \
+            -X POST \
+            -H "token: $TOKEN"