Skip to content

feat: Migrate frontend from Create React App to Vite #1607

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 5 commits into
base: main
Choose a base branch
from
Open

feat: Migrate frontend from Create React App to Vite #1607

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
121b693
[FEAT] Migrate frontend from Create React App to Vite
hari-kuriakose Oct 20, 2025
27e2d2d
fix(frontend): Restore vite-plugin-svgr for SVG-as-React-component im…
hari-kuriakose Oct 20, 2025
7d5c997
Merge branch 'main' into feat/vite
hari-kuriakose Oct 23, 2025
6e50886
docs(frontend): Fix HMR configuration example to match actual impleme…
hari-kuriakose Oct 23, 2025
1e40c66
docs(frontend): Fix proxy configuration example to match actual imple…
hari-kuriakose Oct 23, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 3 additions & 0 deletions .gitignore
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -713,3 +713,6 @@ CONTRIBUTION_GUIDE.md
.qodo
.windsurfrules
.windsurf/rules

# MCP servers
.serena
7 changes: 5 additions & 2 deletions docker/dockerfiles/frontend.Dockerfile
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -23,7 +23,7 @@ CMD ["npm", "start"]
### FOR PRODUCTION ###
# Builder stage for production build
FROM base AS builder
ENV REACT_APP_BACKEND_URL=""
ENV VITE_BACKEND_URL=""

# Copy package files and install dependencies
COPY ${BUILD_CONTEXT_PATH}/package.json ${BUILD_CONTEXT_PATH}/package-lock.json ./
Expand All @@ -32,7 +32,7 @@ RUN npm install --ignore-scripts
# Copy the rest of the application files
COPY ${BUILD_CONTEXT_PATH}/ .

# Build the React app
# Build with Vite
RUN npm run build

# Production stage
Expand All @@ -50,6 +50,9 @@ RUN mkdir -p /usr/share/nginx/html/config && \
chown nginx:nginx /usr/share/nginx/html/config && \
chmod 755 /usr/share/nginx/html/config

# Inject runtime config script into index.html
RUN sed -i 's|</head>| <script src="/config/runtime-config.js"></script>\n </head>|' /usr/share/nginx/html/index.html

# Copy the environment script
COPY ../frontend/generate-runtime-config.sh /docker-entrypoint.d/40-env.sh
RUN chmod +x /docker-entrypoint.d/40-env.sh
Expand Down
Loading