updated env

.env.production

@@ -0,0 +1,2 @@
+REACT_APP_BASENAME=/vite-react-ts-boilerplate/
+NODE_ENV=production

README.md

@@ -31,7 +31,6 @@ This project is a boilerplate setup using Vite, React, TypeScript, Tailwind CSS,
    git clone https://github.com/Sivamani-18/vite-react-ts-boilerplate.git
    cd vite-react-ts-boilerplate
 
-   App.tsx change basename "/vite-react-ts-boilerplate/" to "/" in local
    ```
 
 2. Install dependencies:

package.json

@@ -16,6 +16,7 @@
     "react-router-dom": "^6.25.1"
   },
   "devDependencies": {
+    "@types/node": "^20.14.12",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
     "@typescript-eslint/eslint-plugin": "^7.15.0",

src/App.tsx

@@ -6,8 +6,15 @@ import About from './pages/About';
 import Header from './components/Header/Header';
 
 function App() {
+  const basename =
+    process.env.NODE_ENV === 'production'
+      ? process.env.REACT_APP_BASENAME
+      : '/';
+
+  console.log('basename', basename);
+
   return (
-    <Router basename='/vite-react-ts-boilerplate/'>
+    <Router basename={basename}>
       <div className='min-h-screen bg-background-light dark:bg-background-dark text-text-light dark:text-text-dark'>
         <div className='mb-10'>
           <Header />

vite.config.ts

@@ -3,6 +3,9 @@ import react from '@vitejs/plugin-react';
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  base: './',
+  base:
+    process.env.NODE_ENV === 'production'
+      ? process.env.REACT_APP_BASENAME
+      : '/',
   plugins: [react()],
 });