diff --git a/README.md b/README.md
index 18bc70e..14dce09 100644
--- a/README.md
+++ b/README.md
@@ -14,3 +14,31 @@ The React Compiler is not enabled on this template because of its impact on dev
 ## Expanding the ESLint configuration
 
 If you are developing a production application, we recommend using TypeScript with type-aware lint rules enabled. Check out the [TS template](https://github.com/vitejs/vite/tree/main/packages/create-vite/template-react-ts) for information on how to integrate TypeScript and [`typescript-eslint`](https://typescript-eslint.io) in your project.
+
+## How to deploy demo
+
+1. Configure the deployment from the branch `demo` via [GitHub Pages](https://docs.github.com/en/pages/quickstart)
+
+2. Build in the feature branch
+```
+git checkout feature/abc
+```
+For `parcel`:
+```
+npm run build -- --public-url ./
+```
+For `vite`:
+```
+npm run build -- --base /flickmate/feature/abc/
+```
+3. Update the `demo` branch
+```
+git checkout demo
+mkdir -p ./feature/abc
+cp -r ./dist/* ./feature/abc
+git add .
+git commit -m "deploy feature/abc"
+git push
+```
+
+4. Go to https://emworks.github.io/flickmate/feature/abc
\ No newline at end of file
diff --git a/index.html b/index.html
index 72f565e..834c47f 100644
--- a/index.html
+++ b/index.html
@@ -7,6 +7,31 @@
     <title>Flickmate</title>
     <link rel="icon" href="/favicon.ico">
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
+
+    <!-- Start Single Page Apps for GitHub Pages -->
+    <script type="text/javascript">
+        // Single Page Apps for GitHub Pages
+        // MIT License
+        // https://github.com/rafgraph/spa-github-pages
+        // This script checks to see if a redirect is present in the query string,
+        // converts it back into the correct url and adds it to the
+        // browser's history using window.history.replaceState(...),
+        // which won't cause the browser to attempt to load the new url.
+        // When the single page app is loaded further down in this file,
+        // the correct url will be waiting in the browser's history for
+        // the single page app to route accordingly.
+        (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>
+    <!-- End Single Page Apps for GitHub Pages -->
 </head>
 
 <body>
