Deploy production build to main branch docs folder

DarshanKumarGP · DarshanKumarGP · commit e5f565dbcdad · 2025-09-05T20:03:01.000+05:30
diff --git a/index.local.html b/index.local.html
@@ -0,0 +1,17 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>Vite + React</title>
+    <link
+      rel="stylesheet"
+      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css"
+    />
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.jsx"></script>
+  </body>
+</html>
diff --git a/package.json b/package.json
@@ -5,12 +5,13 @@
   "type": "module",
   "homepage": "https://darshankumargp.github.io/CodeVerse/",
   "scripts": {
-    "dev": "vite",
+    "dev": "copy index.local.html index.html && vite",
     "build": "vite build",
     "lint": "eslint .",
     "preview": "vite preview",
     "predeploy": "npm run build",
-    "deploy": "gh-pages -d dist"
+    "prepare-deploy": "copy dist\\index.html index.html",
+    "deploy": "npm run prepare-deploy && gh-pages -d dist"
   },
   "dependencies": {
     "framer-motion": "^12.23.6",
diff --git a/src/main.jsx b/src/main.jsx
@@ -1,6 +1,6 @@
 import React from 'react'
 import ReactDOM from 'react-dom/client'
-import { HashRouter } from 'react-router-dom'  // <-- change here
+import { HashRouter } from 'react-router-dom'
 import App from './App.jsx'
 import './index.css'
 
diff --git a/vite.config.js b/vite.config.js
@@ -1,7 +1,9 @@
 import { defineConfig } from 'vite'
 import react from '@vitejs/plugin-react'
 
-export default defineConfig({
-  plugins: [react()],
-  base: '/CodeVerse/',   
+export default defineConfig(({ command }) => {
+  return {
+    plugins: [react()],
+    base: command === 'build' ? './' : '/',
+  }
 })
