ci: fix basename for gh pages

Author: vemonet

package.json

@@ -2,6 +2,7 @@
   "name": "@vemonet/mcp-registry",
   "private": true,
   "type": "module",
+  "homepage": "https://vemonet.github.io/mcp-registry",
   "scripts": {
     "build": "react-router build",
     "dev": "react-router dev",

react-router.config.ts

@@ -1,8 +1,13 @@
 import type { Config } from '@react-router/dev/config';
 
+// Enable a router basename only during development. During build/production
+// we avoid setting a basename so we still generates a index.html at the root
+const isDev = import.meta.env.MODE === 'development';
+
 export default {
   ssr: false,
-  // basename: '/mcp-registry/',
+  ...(isDev ? { basename: '/mcp-registry' } : {}),
+  // If you prefer a trailing slash version, change above to '/mcp-registry/'.
   // https://reactrouter.com/start/framework/rendering#static-pre-rendering
   async prerender() {
     return ['/'];

vite.config.ts

@@ -5,5 +5,5 @@ import tsconfigPaths from 'vite-tsconfig-paths';
 
 export default defineConfig({
   plugins: [tailwindcss(), reactRouter(), tsconfigPaths()],
-  // base: '/mcp-registry/',
+  base: '/mcp-registry',
 });