Be able to specify front port (twentyhq#8382)

- Added REACT_APP_PORT in front .env - Use value if specified otherwise 3001 by default --------- Co-authored-by: Charles Bochet <[email protected]>
harshit078 · Nov 7, 2024 · 83f3963 · 83f3963
1 parent 6264d50
commit 83f3963
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/packages/twenty-front/.env.example b/packages/twenty-front/.env.example
@@ -2,6 +2,7 @@ REACT_APP_SERVER_BASE_URL=http://localhost:3000
 GENERATE_SOURCEMAP=false
 
 # ———————— Optional ————————
+# REACT_APP_PORT=3001
 # CHROMATIC_PROJECT_TOKEN=
 # VITE_DISABLE_TYPESCRIPT_CHECKER=true
 # VITE_DISABLE_ESLINT_CHECKER=true
diff --git a/packages/twenty-front/vite.config.ts b/packages/twenty-front/vite.config.ts
@@ -1,4 +1,5 @@
 /* eslint-disable no-console */
+import { isNonEmptyString } from '@sniptt/guards';
 import react from '@vitejs/plugin-react-swc';
 import wyw from '@wyw-in-js/vite';
 import path from 'path';
@@ -17,8 +18,11 @@ export default defineConfig(({ command, mode }) => {
     VITE_BUILD_SOURCEMAP,
     VITE_DISABLE_TYPESCRIPT_CHECKER,
     VITE_DISABLE_ESLINT_CHECKER,
+    REACT_APP_PORT
   } = env;
 
+  const port = isNonEmptyString(REACT_APP_PORT) ? parseInt(REACT_APP_PORT) : 3001;
+
   const isBuildCommand = command === 'build';
 
   const tsConfigPath = isBuildCommand
@@ -61,7 +65,7 @@ export default defineConfig(({ command, mode }) => {
     cacheDir: '../../node_modules/.vite/packages/twenty-front',
 
     server: {
-      port: 3001,
+      port,
       host: 'localhost',
       fs: {
         allow: [