diff --git a/.github/workflows/gh-pages.yml b/.github/workflows/gh-pages.yml
new file mode 100644
index 00000000..3896e894
--- /dev/null
+++ b/.github/workflows/gh-pages.yml
@@ -0,0 +1,45 @@
+name: Build and Deploy to GitHub Pages
+
+on:
+  push:
+    branches:
+      - master
+
+permissions:
+  contents: write
+
+jobs:
+  build-and-deploy:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v3
+
+      - name: Set PUBLIC_URL in .env
+        run: |
+          REPO_NAME=$(echo $GITHUB_REPOSITORY | cut -d'/' -f2)
+          echo "PUBLIC_URL=https://$(echo $GITHUB_REPOSITORY | cut -d'/' -f1).github.io/$REPO_NAME/" >> .env
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version-file: ".tool-versions"
+
+      - name: Set up Python
+        uses: actions/setup-python@v4
+        with:
+          python-version: 3.11
+
+      - name: Install dependencies and build
+        run: |
+          npm install
+          python -m pip install --upgrade pip
+          python -m pip install poetry
+          npm run dev:build
+
+      - name: Deploy to GitHub Pages
+        uses: peaceiris/actions-gh-pages@v3
+        with:
+          github_token: ${{ secrets.GITHUB_TOKEN }}
+          publish_dir: ./build
diff --git a/dist/framework/processing/py_worker.js b/dist/framework/processing/py_worker.js
index 57ce79ff..76a5cd5e 100644
--- a/dist/framework/processing/py_worker.js
+++ b/dist/framework/processing/py_worker.js
@@ -82,5 +82,5 @@ function loadPackages() {
 }
 function installPortPackage() {
     console.log('[ProcessingWorker] load port package');
-    return self.pyodide.runPythonAsync("\n    import micropip\n    await micropip.install(\"/port-0.0.0-py3-none-any.whl\", deps=False)\n    import port\n  ");
+    return self.pyodide.runPythonAsync("\n    import micropip\n    await micropip.install(\"../../port-0.0.0-py3-none-any.whl\", deps=False)\n    import port\n  ");
 }