diff --git a/package.json b/package.json
index c0ef700..abf1d58 100644
--- a/package.json
+++ b/package.json
@@ -1,8 +1,8 @@
 {
-  "name": "gemini-viewer-examples",
+  "name": "gemini-viewer-demo",
   "version": "0.1.0",
   "private": true,
-  "homepage": ".",
+  "homepage": "/gemini-viewer-examples/",
   "dependencies": {
     "@codemirror/autocomplete": "^6.3.0",
     "@codemirror/commands": "^6.1.2",
diff --git a/src/index.tsx b/src/index.tsx
index 2c7ffbc..c9c1755 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -10,7 +10,7 @@ const root = ReactDOM.createRoot(
 );
 root.render(
   <React.StrictMode>
-      <HashRouter>
+      <HashRouter basename="/">
             <App />
       </HashRouter>
   </React.StrictMode>
diff --git a/src/pages/demo/index.tsx b/src/pages/demo/index.tsx
index 0e59d4a..abefa0e 100644
--- a/src/pages/demo/index.tsx
+++ b/src/pages/demo/index.tsx
@@ -8,7 +8,7 @@ function Demo() {
     const [data, setData] = useState<MenusProp[]>([]);
 
     useEffect(() => {
-        fetch("./config.json").then(data => data.json()).then((data) => {
+        fetch("../gemini-viewer-examples/config.json").then(data => data.json()).then((data) => {
             setData(data);
         });
     }, [])