diff --git a/.github/workflows/gh-pages.yaml b/.github/workflows/gh-pages.yaml
new file mode 100644
index 000000000..24fca3d68
--- /dev/null
+++ b/.github/workflows/gh-pages.yaml
@@ -0,0 +1,44 @@
+name: Build and Deploy
+on:
+  push:
+    branches:
+      - gh-pages # assuming you want to deploy from the main branch
+jobs:
+  build-and-deploy:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+        with:
+          persist-credentials: true # typically should be true for deployments
+
+      - name: Cache node modules
+        uses: actions/cache@v3
+        with:
+          path: |
+            node_modules
+            .yarn
+          key: ${{ runner.os }}-modules-${{ hashFiles('**/yarn.lock') }}
+
+      - name: Install Dependencies
+        uses: actions/setup-node@v4
+        with:
+          node-version: '14' # specify your node version
+          cache: 'yarn'
+
+      - name: Install and Build
+        run: |
+          yarn install
+          yarn build # ensure this builds to the 'build' directory
+
+      - name: Deploy 🚀
+        run: |
+          git config --global user.name $user_name
+          git config --global user.email $user_email
+          git remote set-url origin https://${github_token}@github.com/${repository}
+          npm run deploy
+        env:
+          user_name: 'github-actions[bot]'
+          user_email: 'github-actions[bot]@users.noreply.github.com'
+          github_token: ${{ secrets.ACTIONS_DEPLOY_ACCESS_TOKEN }}
+          repository: ${{ github.repository }}