update 04-auto-render-deploy

Author: nasdan

07-cloud/03-docker/04-auto-render-deploy/Dockerfile

@@ -1,4 +1,4 @@
-FROM node:20-alpine AS base
+FROM node:22-alpine AS base
 RUN mkdir -p /usr/app
 WORKDIR /usr/app
 
@@ -17,4 +17,4 @@ COPY ./server/package-lock.json ./
 COPY ./server/index.js ./
 RUN npm ci --omit=dev
 
-CMD node index.js
+CMD ["node", "index.js"]

07-cloud/03-docker/04-auto-render-deploy/README.md

@@ -45,7 +45,7 @@ Update docker settings (Advanced settings):
 
 ![06-docker-settings](./readme-resources/06-docker-settings.png)
 
-Clicks on `Create Web Service` button.
+Clicks on `Deploy Web Service` button.
 
 After the successful deploy, open `https://<app-name>.onrender.com`.
 

07-cloud/03-docker/04-auto-render-deploy/package-lock.json

@@ -1,52 +1,55 @@
 {
-  "name": "04-boilerplate-front",
+  "name": "07-cloud-master-frontend-lemoncode",
   "version": "1.0.0",
-  "description": "Member project",
-  "main": "index.js",
   "type": "module",
   "scripts": {
     "start": "run-p -l type-check:watch start:dev",
     "start:dev": "vite --port 8080",
-    "build": "npm run type-check && npm run clean && npm run build:prod",
-    "build:prod": "vite build",
+    "prebuild": "npm run type-check && npm run clean",
+    "build": "vite build",
     "type-check": "tsc --noEmit --preserveWatchOutput",
     "type-check:watch": "npm run type-check -- --watch",
     "clean": "rimraf dist",
     "test": "vitest run -c ./config/test/config.ts",
     "test:watch": "vitest run -c ./config/test/config.ts"
   },
+  "imports": {
+    "#*": "./src/*"
+  },
   "author": "Lemoncode",
   "license": "MIT",
   "dependencies": {
-    "@emotion/css": "^11.11.2",
-    "@emotion/react": "^11.11.4",
-    "@emotion/styled": "^11.11.0",
+    "@emotion/css": "^11.13.5",
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.0",
     "@lemoncode/fonk": "^1.5.4",
     "@lemoncode/fonk-formik": "^4.0.1",
-    "@mui/material": "^5.15.12",
-    "axios": "^1.6.7",
-    "formik": "^2.4.5",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-router-dom": "^6.22.2"
+    "@mui/material": "^6.4.3",
+    "@tanstack/react-router": "^1.102.1",
+    "axios": "^1.7.9",
+    "formik": "^2.4.6",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
   },
   "devDependencies": {
-    "@emotion/babel-plugin": "^11.11.0",
-    "@testing-library/dom": "^9.3.4",
-    "@testing-library/jest-dom": "^6.4.2",
-    "@testing-library/react": "^14.2.1",
-    "@testing-library/user-event": "^14.5.2",
-    "@types/jest": "^29.5.12",
-    "@types/react": "^18.2.63",
-    "@types/react-dom": "^18.2.19",
+    "@emotion/babel-plugin": "^11.13.5",
+    "@tanstack/router-devtools": "^1.102.1",
+    "@tanstack/router-plugin": "^1.102.1",
+    "@testing-library/dom": "^10.4.0",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.2.0",
+    "@testing-library/user-event": "^14.6.1",
+    "@types/jest": "^29.5.14",
+    "@types/react": "^19.0.8",
+    "@types/react-dom": "^19.0.3",
     "@types/react-router-dom": "^5.3.3",
-    "@vitejs/plugin-react": "^4.2.1",
-    "jsdom": "^24.0.0",
+    "@vitejs/plugin-react": "^4.3.4",
+    "jsdom": "^26.0.0",
     "npm-run-all": "^4.1.5",
-    "rimraf": "^5.0.5",
-    "ts-jest": "^29.1.2",
-    "typescript": "^5.3.3",
-    "vite": "^5.1.5",
-    "vitest": "^1.3.1"
+    "rimraf": "^6.0.1",
+    "ts-jest": "^29.2.5",
+    "typescript": "^5.7.3",
+    "vite": "^6.1.0",
+    "vitest": "^3.0.5"
   }
 }

07-cloud/03-docker/04-auto-render-deploy/package.json

@@ -5,6 +5,10 @@ const app = express();
 const staticFilesPath = path.resolve(__dirname, process.env.STATIC_FILES_PATH);
 app.use('/', express.static(staticFilesPath));
 
+app.get('*', (req, res) => {
+  res.sendFile(path.resolve(staticFilesPath, 'index.html'));
+});
+
 const PORT = process.env.PORT || 8081;
 app.listen(PORT, () => {
   console.log(`App running on http://localhost:${PORT}`);