From af5db2199d0c97fe886e407730293267f7471cc9 Mon Sep 17 00:00:00 2001
From: Sivamani-18 <siva@mindwaveventures.com>
Date: Wed, 24 Jul 2024 18:41:09 +0530
Subject: [PATCH] Update Deploy to GitHub Pages

---
 .env => .env.production      |  1 -
 .github/workflows/deploy.yml |  3 ++-
 package.json                 |  2 +-
 vite.config.ts               | 15 +++++++++------
 4 files changed, 12 insertions(+), 9 deletions(-)
 rename .env => .env.production (70%)

diff --git a/.env b/.env.production
similarity index 70%
rename from .env
rename to .env.production
index 9e2aa5d..866d980 100644
--- a/.env
+++ b/.env.production
@@ -1,2 +1 @@
 REACT_APP_BASENAME=/vite-react-ts-boilerplate/
-NODE_ENV=development
\ No newline at end of file
diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
index ebaef19..7650fc4 100644
--- a/.github/workflows/deploy.yml
+++ b/.github/workflows/deploy.yml
@@ -23,8 +23,9 @@ jobs:
 
       - name: Build project
         env:
+          REACT_APP_BASENAME: /vite-react-ts-boilerplate/
           NODE_ENV: production
-        run: npm run build
+        run: npm run build:production
 
       - name: Deploy to GitHub Pages
         uses: peaceiris/actions-gh-pages@v3
diff --git a/package.json b/package.json
index 10fc7e1..7d22f2f 100644
--- a/package.json
+++ b/package.json
@@ -6,7 +6,7 @@
   "scripts": {
     "dev": "vite",
     "build": "tsc -b && vite build",
-    "build:production": "vite build --mode production",
+    "build:production": "tsc -b && vite build --mode production",
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
     "preview": "vite preview"
   },
diff --git a/vite.config.ts b/vite.config.ts
index c5b3bd8..3099af1 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -2,10 +2,13 @@ import { defineConfig } from 'vite';
 import react from '@vitejs/plugin-react';
 
 // https://vitejs.dev/config/
-export default defineConfig({
-  base:
-    process.env.NODE_ENV === 'production'
-      ? process.env.REACT_APP_BASENAME
-      : '/',
-  plugins: [react()],
+export default defineConfig(({ mode }) => {
+  if (mode === 'production') {
+    process.env.NODE_ENV = 'production';
+  }
+
+  return {
+    plugins: [react()],
+    base: process.env.REACT_APP_BASENAME || '/',
+  };
 });