feat: upgrade to Node.js 24

azure-pipeline/build_frontend.yml

@@ -23,7 +23,7 @@ jobs:
       - task: NodeTool@0
         displayName: "Node.js Version"
         inputs:
-          versionSpec: "22.x"
+          versionSpec: "24.13.x"
 
       - script: |
           cd frontend

frontend/.gitattributes

@@ -0,0 +1 @@
+*.sh text eol=lf whitespace=blank-at-eol,-blank-at-eof,-space-before-tab,tab-in-indent,tabwidth=2

frontend/.gitignore

@@ -13,6 +13,7 @@ dist
 dist-ssr
 *.local
 .env
+.yarn/
 
 # Editor directories and files
 .vscode/*

frontend/.nvmrc

@@ -0,0 +1 @@
+v24.13

frontend/README.md

@@ -10,16 +10,26 @@ To run on windows, use docker.
 2. Run `docker compose up -d`
 3. Navigate to http://localhost:8000/
 
-Note: If you change your environment variables in .env, you will have to rebuild the container to see the changes using the `docker compose up --build -d` command.
+> [!NOTE]
+>
+> The port in step 3 should match the `VITE_PORT` value in your `.env` file.
 
-To see the logs directly in your console, you can remove the -d flag. Otherwise, you can view output in Docker Desktop.
+
+> [!TIP]
+>
+> If you change your environment variables in `.env`, you will have to rebuild the container to see the changes using
+> the `docker compose up --build -d` command.
+
+To see the logs directly in your console, you can remove the `-d` flag. Otherwise, you can view output in Docker Desktop.
 
 ## Update locale files
 
 Pull key:value from google sheets to create json file.
 `https://docs.google.com/spreadsheets/d/1Kk8OIOhXxzyMA3ZgyiIiQtdwJNBJvGaUTNsarYHcFsM/`
 
-> **IMPORTANT** Please create a new google sheet for each new project. Do not use this one for one of your projects
+> [!IMPORTANT]
+>
+> Please create a new Google Sheet for each new project. Do not use this one for one of your projects
 
 Run `yarn sheet2i18n` to update your local keys with what is in the spreadsheet.
 

frontend/docker-compose.yml

@@ -1,16 +1,15 @@
-version: "3.4"
+# please change the name so it matches your project name
+name: web-react-skeleton
 services:
-  vite_docker:
-    image: node:20.11.1
-    container_name: vite_docker
+  vite:
+    image: node:24.13-slim
     env_file:
       - .env
     entrypoint: /srv/app/entrypoint.sh
     ports:
-      - 8000:8000
+      - "${VITE_PORT:-8000}:${VITE_PORT:-8000}"
     working_dir: /srv/app
     volumes:
       - type: bind
         source: ./
         target: /srv/app
-    tty: true

frontend/example.env

@@ -1,4 +1,4 @@
-VITE_PORT=8080
+VITE_PORT=8000
 VITE_GENERATE_SOURCEMAP=true
 VITE_ENV=local
 VITE_VERSION_NUMBER=v0.0.1