improve deploy and manual deploy

.github/workflows/build-and-deploy.yml

@@ -1,8 +1,11 @@
 name: Build & Deploy
 
 on:
-  push:
+  workflow_dispatch:
     branches: ["main"]
+# on:
+#   push:
+#     branches: ["main"]
 
 jobs:
   deploy:

README.md

@@ -46,6 +46,12 @@ npx shadcn-ui@latest add table
 npx shadcn-ui@latest add select
 ```
 
+### Deploy `gh-pages`
+- change `basenameProd` in `/vite.config.ts`
+- create deploy key `GITHUB_TOKEN` in github `/settings/keys`
+- commit and push changes code
+- setup gihub pages to branch `gh-pages`
+
 ## License
 
 This project is licensed under the MIT License. See the [LICENSE](https://github.com/hayyi2/shadcn-sample/blob/main/LICENSE) file for details.

src/Router.tsx

@@ -73,5 +73,5 @@ export const router = createBrowserRouter([
         element: <NoMatch />,
     },
 ], {
-    basename: '/shadcn-sample'
+    basename: global.basename
 })

src/vite-env.d.ts

@@ -1 +1,5 @@
 /// <reference types="vite/client" />
+
+declare const global: {
+    basename: string
+}

vite.config.ts

@@ -2,12 +2,23 @@ import path from "path"
 import react from "@vitejs/plugin-react"
 import { defineConfig } from "vite"
 
-export default defineConfig(({ command }) => ({
-  base: command === 'serve' ? '/' : '/shadcn-sample/',
-  plugins: [react()],
-  resolve: {
-    alias: {
-      "@": path.resolve(__dirname, "./src"),
+const basenameProd = '/shadcn-sample'
+
+export default defineConfig(({ command }) => {
+  const isProd = command === 'build'
+
+  return {
+    base: isProd ? basenameProd : '',
+    plugins: [react()],
+    resolve: {
+      alias: {
+        "@": path.resolve(__dirname, "./src"),
+      },
+    },
+    define: {
+      global: {
+        basename: isProd ? basenameProd : '',
+      },
     },
-  },
-}))
+  }
+})