diff --git a/.github/workflows/rpg-village-web-deploy.yml b/.github/workflows/rpg-village-web-deploy.yml
new file mode 100644
index 0000000..352d53d
--- /dev/null
+++ b/.github/workflows/rpg-village-web-deploy.yml
@@ -0,0 +1,19 @@
+name: website
+
+on: push
+
+jobs:
+  publish:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v2
+      - name: install dependencies
+        run: yarn
+      - name: build
+        run: yarn build
+      - name: Deploy
+        uses: peaceiris/actions-gh-pages@v3
+        with:
+          github_token: ${{ secrets.GITHUB_TOKEN }}
+          publish_dir: ./packages/web/public
diff --git a/package.json b/package.json
index 5024f0c..f401075 100644
--- a/package.json
+++ b/package.json
@@ -3,6 +3,9 @@
     "start": "concurrently \"npm:start:*\"",
     "start:core": "npm run build:watch --prefix packages/core",
     "start:web": "npm run start --prefix packages/web",
+    "build": "npm run build:core && npm run build:web",
+    "build:core": "npm run build --prefix packages/core",
+    "build:web": "npm run build --prefix packages/web",
     "test:core": "npm run test:watch --prefix packages/core-test",
     "prepare": "for P in packages/*/; do (cd $P && yarn prepare); done"
   },
diff --git a/packages/web/.gitignore b/packages/web/.gitignore
index 0a03045..8b479a6 100644
--- a/packages/web/.gitignore
+++ b/packages/web/.gitignore
@@ -1,2 +1,5 @@
-node_modules/
-public/
+public/*
+
+!public/404.html
+!public/CNAME
+!public/index.html
diff --git a/packages/web/public/404.html b/packages/web/public/404.html
new file mode 100644
index 0000000..1d79f8d
--- /dev/null
+++ b/packages/web/public/404.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Single Page Apps for GitHub Pages</title>
+    <script type="text/javascript">
+      // https://github.com/rafgraph/spa-github-pages
+      var pathSegmentsToKeep = 0;
+
+      var l = window.location;
+      l.replace(
+        l.protocol + '//' + l.hostname + (l.port ? ':' + l.port : '') +
+        l.pathname.split('/').slice(0, 1 + pathSegmentsToKeep).join('/') + '/?/' +
+        l.pathname.slice(1).split('/').slice(pathSegmentsToKeep).join('/').replace(/&/g, '~and~') +
+        (l.search ? '&' + l.search.slice(1).replace(/&/g, '~and~') : '') +
+        l.hash
+      );
+
+    </script>
+  </head>
+  <body>
+  </body>
+</html>
\ No newline at end of file
diff --git a/packages/web/public/CNAME b/packages/web/public/CNAME
new file mode 100644
index 0000000..a1d323f
--- /dev/null
+++ b/packages/web/public/CNAME
@@ -0,0 +1 @@
+rpg-village.greegko.com
\ No newline at end of file
diff --git a/packages/web/public/index.html b/packages/web/public/index.html
index ce91820..bdaed3f 100644
--- a/packages/web/public/index.html
+++ b/packages/web/public/index.html
@@ -13,6 +13,21 @@
         padding: 0px;
       }
     </style>
+    <script type="text/javascript">
+      // https://github.com/rafgraph/spa-github-pages
+      (function (l) {
+        if (l.search[1] === "/") {
+          var decoded = l.search
+            .slice(1)
+            .split("&")
+            .map(function (s) {
+              return s.replace(/~and~/g, "&");
+            })
+            .join("?");
+          window.history.replaceState(null, null, l.pathname.slice(0, -1) + decoded + l.hash);
+        }
+      })(window.location);
+    </script>
   </head>
 
   <body>
