From 468d795404cd9673475950a5770a3f8c5a3dc8e3 Mon Sep 17 00:00:00 2001
From: Sivamani-18 <siva@mindwaveventures.com>
Date: Wed, 24 Jul 2024 18:08:39 +0530
Subject: [PATCH] updated env

---
 .env.production   |  2 ++
 README.md         |  1 -
 package-lock.json | 18 ++++++++++++++++++
 package.json      |  1 +
 src/App.tsx       |  9 ++++++++-
 vite.config.ts    |  5 ++++-
 6 files changed, 33 insertions(+), 3 deletions(-)
 create mode 100644 .env.production

diff --git a/.env.production b/.env.production
new file mode 100644
index 0000000..a1fba8a
--- /dev/null
+++ b/.env.production
@@ -0,0 +1,2 @@
+REACT_APP_BASENAME=/vite-react-ts-boilerplate/
+NODE_ENV=production
\ No newline at end of file
diff --git a/README.md b/README.md
index b9110e8..a8544d3 100644
--- a/README.md
+++ b/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:
diff --git a/package-lock.json b/package-lock.json
index a9c0687..2d4ef9f 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -14,6 +14,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",
@@ -1425,6 +1426,16 @@
       "integrity": "sha512-qjDJRrmvBMiTx+jyLxvLfJU7UznFuokDv4f3WRuriHKERccVpFU+8XMQUAbDzoiJCsmexxRExQeMwwCdamSKDA==",
       "license": "MIT"
     },
+    "node_modules/@types/node": {
+      "version": "20.14.12",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.14.12.tgz",
+      "integrity": "sha512-r7wNXakLeSsGT0H1AU863vS2wa5wBOK4bWMjZz2wj+8nBx+m5PeIn0k8AloSLpRuiwdRQZwarZqHE4FNArPuJQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "undici-types": "~5.26.4"
+      }
+    },
     "node_modules/@types/prop-types": {
       "version": "15.7.12",
       "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.12.tgz",
@@ -4324,6 +4335,13 @@
         "node": ">=14.17"
       }
     },
+    "node_modules/undici-types": {
+      "version": "5.26.5",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-5.26.5.tgz",
+      "integrity": "sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/update-browserslist-db": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.1.0.tgz",
diff --git a/package.json b/package.json
index 6240830..053b51a 100644
--- a/package.json
+++ b/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",
diff --git a/src/App.tsx b/src/App.tsx
index a827227..15eff7c 100644
--- a/src/App.tsx
+++ b/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 />
diff --git a/vite.config.ts b/vite.config.ts
index 0f6f7fb..c5b3bd8 100644
--- a/vite.config.ts
+++ b/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()],
 });